Questions tagged «css»

我有外部股利和内部股利。我需要将内部div放在外部的底部。 外部div是弹性的（例如，宽度为70％）。我还需要将内部块居中。 下图显示了所描述的化妆品的简单模型：

102 html  css  layout 

注意：此问题与创建自定义下拉列表无关。它仅涉及<option>CSS中select元素内样式元素的可能性 如何<option>为<select>具有跨浏览器兼容性的元素设置样式？我知道许多JavaScript方法可以自定义下拉列表以将<li>其转换为，这并不是我所问的。 <select class="select"> <option selected>Select</option> <option>Blue</option> <option >Red</option> <option>Green</option> <option>Yellow</option> <option>Brown</option> </select> 我想问的是，仅CSS可以实现，并且与IE9 +，Firefox和Chrome兼容。 我想要这样或尽可能地接近样式。 我在这里尝试了http://jsfiddle.net/jitendravyas/juwz3/3/，但是Chrome除了字体颜色没有显示任何样式，而Firefox显示了更多颜色。如何在Chrome中也可以使用边框和填充？

102 css  html-select 

这听起来像是一个愚蠢的问题。 如果我将此CSS代码段用于常规显示（box-bg.png200px x 200px）； .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } 如果我使用像这样的媒体查询来定位视网膜显示器（@ 2x图像为高分辨率版本）； @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .box{background:url('images/box-bg@2x.png') no-repeat top left;} } 我是否需要将.boxdiv 的大小加倍到400px x 400px，以匹配新的高分辨率背景图像？

102 css  responsive-design  media-queries 

这个问题几乎说明了一切。 例如，如果我使用Twitter Bootstrap，是否可以在自己的SASS样式表中定义从Bootstrap的CSS类继承的类？还是SASS中的继承仅在单个文件范围内起作用？

102 css  inheritance  stylesheet  sass 

随着以下HTML和CSS .container { position: relative; border: solid 1px red; height: 256px; width: 256px; overflow: auto; } .full-height { position: absolute; top: 0; left: 0; right: 128px; bottom: 0; background: blue; } <div class="container"> <div class="full-height"> </div> </div> 运行代码段隐藏结果展开摘要 内部部件div可根据需要占据容器的整个头部。如果现在将其他一些内容添加到容器中，例如： .container { position: relative; border: solid 1px red; height: 256px; width: …

102 html  css 

之前曾问过这个问题，但该解决方案不适用于我的情况。我想确保打印某些背景图像，因为它们是页面不可或缺的。（它们不是直接在页面中的图像，因为其中有几个用作CSS精灵。） 关于该问题的另一种解决方案建议使用list-style-image，只有在每个图标都有不同的图像且没有CSS精灵的情况下，它才有效。 除了创建带有内联图标的单独页面之外，还有其他解决方案吗？

102 css  printing  background-image 

除了我因为似乎不起作用而正在做的事情之外，还有可能这样做吗？我希望能够有一个类下的子类，以专门用于该class.subclass的CSS。 的CSS .area1 { border:1px solid black; } .area1.item { color:red; } .area2 { border:1px solid blue; } .area2.item { color:blue; } 的HTML <div class="area1"> <table> <tr> <td class="item">Text Text Text</td> <td class="item">Text Text Text</td> </tr> </table> </div> <div class="area2"> <table> <tr> <td class="item">Text Text Text</td> <td class="item">Text Text Text</td> …

102 css 

如何将提示/占位符放在asp：TextBox中？当我说一个提示时，我指的是一些文本，当用户单击它时，这些文本就会消失。有没有办法使用html / css实现相同的目的？

102 asp.net  css  html  placeholder  hint 

有什么简单的方法可以使文本在jQuery中闪烁并停止它？必须适用于IE，FF和Chrome。谢谢

102 javascript  jquery  html  css 

如何设置HTML文本框的大小？

102 css 

如何使用ngStyle添加背景图片？我的代码不起作用： this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>

102 javascript  html  css  angular 

我有输入和标签字段： <label class="adm" for="UserName">User name</label> <input class="adm" id="UserName" name="UserName" size="30" type="text" value="" /> 和CSS： body,html { font-family: Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; color: #111;} label.adm { font-size:0.9em; margin:0 0 3px 3px; display: block;} input.adm { font-size:0.9em; margin:0 0 3px 3px; } 当代码在Firefox中打开时，字体不同。Firebug显示“应该”继承，当我查看计算机时，它显示标签使用Verdana。但是输入显示它使用“ MS Shell Dlg”。 谁能解释正在发生的事情以及为什么它似乎不遵循正常的CSS规则？

102 css 

在下面的小提琴中，我分别对可见性和不透明度进行了过渡。后者有效，但前者无效。此外，在可见的情况下，过渡时间被解释为悬停时的延迟。发生在Chrome和Firefox中。这是一个错误吗？ http://jsfiddle.net/0r218mdo/3/ 情况1： #inner{ visibility:hidden; transition:visibility 1000ms; } #outer:hover #inner{ visibility:visible; } 情况2： #inner1{ opacity:0; transition:opacity 1000ms; } #outer1:hover #inner1{ opacity:1; }

102 css  css-transitions 

我想知道是否可以通过快捷方式在Visual Studio代码中激活自动缩进CSS文件的方法 ALT + SHIFT+F？ 它可以在JavaScript上正常工作，但奇怪的是在CSS上却不能。

102 css  visual-studio-code 

我有几个SVG图形，我想通过我的外部样式表修改颜色，而不是直接在每个SVG文件中。我不是将图形插入行中，而是将它们存储在我的图像文件夹中并指向它们。 我以这种方式实现了它们，以使工具提示能够正常工作，并且我还将每个工具提示都包装在<a>标签中以允许链接。 <a href='http://youtube.com/...' target='_blank'><img class='socIcon' src='images/socYouTube.svg' title='View my videos on YouTube' alt='YouTube' /></a> 这是SVG图形的代码： <?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet href="stylesheets/main.css" type="text/css"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56.69 56.69"> <g> <path d="M28.44......./> </g> </svg> 我将以下内容放入我的外部CSS文件（main.css）中： .socIcon g {fill:red;} 但是，它对图形没有影响。我还尝试了.socIcon g路径{}和.socIcon路径{}。 某些情况不正确，也许我的实现不允许外部CSS修改，或者我错过了一步？非常感谢您的帮助！我只需要能够通过我的外部样式表修改SVG图形的颜色，但是我不会失去工具提示和链接功能。（尽管我可能没有工具提示也可以生活。）谢谢！

102 html  css  svg  stylesheet  external