Questions tagged «css»

我添加了此内容，但单击按钮时仍显示蓝色轮廓。 .btn:focus { outline: none; } 如何删除那丑陋的东西？

137 css  twitter-bootstrap 

我正在尝试从表单元格的输入检查CSS属性。输入会在单击时显示，而在失去焦点时消失，就像我尝试检查时一样。当我移到另一个窗口（检查器）时，如何做才能不失去焦点？

137 html  css  dom 

任何人都知道为什么CSS提供color的文字，但没有font-color或text-color？ 似乎非常违反直觉，有点像字体text-decoration: underline而不是font-style字体。 有谁知道为什么/如何W3C提出这么多的CSS名称？

136 css 

我正在使用新的Twitter Bootstrap 3，并试图在顶部导航栏中放置一个如下所示的搜索框： 在Bootstrap 2中，它可以像这样完成： <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> 但是我不确定在Bootstrap 3中如何产生相同的东西，因为已经发生了很大的变化。 Bootstrap 3中导航栏搜索框表单的默认HTML是： <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default">Submit</button> </form> 我如何对其进行修改以实现所需？

136 css  html  twitter-bootstrap  twitter-bootstrap-3 

我正在尝试在用户名输入字段中插入用户图标。 我试过类似问题的一种解决方案， 因为该background-image属性无法使用，因为Font Awesome是一种字体。 以下是我的方法，但无法显示图标。 .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; position: absolute; top: 0px; left: -5px; content: "\f007"; } 我在默认字体真棒css中声明了字体，所以我不确定在上面添加字体系列是否正确。 @font-face { font-family: 'FontAwesome'; src: url('../Font/fontawesome-webfont.eot?v=3.2.1'); src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); }

136 html  css  fonts  font-awesome 

我想创建一个内联块，它将具有一些未知的宽度和高度。（其中将有一个表，其中动态生成了内容）。此外，行内块应放置在一行文本中，例如“我的文本（在此处块）”。为了使它看起来更漂亮，我试图使该块垂直于该行居中。因此，如果该块看起来像这样： TOP MIDDLE BOTTOM 然后，该文本行将显示为：“我的文本（[MIDDLE]）”（在该行的上方和下方都有TOP和BOTTOM） 到目前为止，这就是我所拥有的。 的CSS .example { background-color: #0A0; display: inline-block; margin: 2px; padding: 2px; position: relative; text-align: center; } 的HTML <div class="example">TOP<br />MIDDLE<br />BOTTOM</div>

136 html  vertical-alignment  css 

是否可以将div中的背景图像居中放置？我已经尝试了几乎所有内容-但没有成功： <div id="doit"> Lorem Ipsum ... </div> //CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; } 这可能吗？

136 html  css  image  background  center 

我有一个48x48的div，并且里面有一个img元素，我想将它放入div中而不丢失任何部分，同时保持比例，是否可以使用html和css实现？

136 html  css 

当用户单击DIV时如何突出显示/选择DIV标签的内容...这个想法是所有文本都被突出显示/选择，因此用户不需要用鼠标手动突出显示文本错过了一点文字？ 例如，假设我们有一个DIV，如下所示： <div id="selectable">http://example.com/page.htm</div> ...当用户单击该URL中的任何URL时，整个URL文本将突出显示，以便他们可以轻松地在浏览器中拖动选定的文本，或者单击鼠标右键复制整个URL。 谢谢！

136 javascript  css 

我想包装一些添加到<td>元素的文本。我试过了style="word-wrap: break-word;" width="15%"。但这不是包装文字。是否必须提供100％的宽度？我还有其他控件要显示，因此只有15％的宽度可用。

136 html  css  html-table  word-wrap 

我想在我的网站上显示条款和条件说明。我不想使用文本字段，也不想使用我的整个页面。我只想在选定区域中显示我的文本，并且只想使用垂直滚动条向下浏览所有文本。 目前，我正在使用此代码： <div style="width:10;height:10;overflow:scroll" > text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text …

136 css  html  overflow 

有没有一种方法可以将Class样式仅应用于一个级别的td标签？ <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>

136 css  css-selectors 

我有一个非常基本和已知的表单场景，需要正确对齐输入旁边的标签。但是我不知道该怎么做。 我的目标是使标签在右侧输入旁边对齐。这是期望结果的图片示例。 为了方便起见，我做了一个小提琴，以澄清我现在所拥有的-http://jsfiddle.net/WX58z/ 片段： <div class="block"> <label>Simple label</label> <input type="text" /> </div> <div class="block"> <label>Label with more text</label> <input type="text" /> </div> <div class="block"> <label>Short</label> <input type="text" /> </div> 运行代码段Hide results展开摘要

136 html  css  alignment 

是否可以使用JavaScript检查（与滚动条无关）HTML元素的内容是否溢出？例如，一个长div，具有固定的小尺寸，overflow属性设置为visible，并且元素上没有滚动条。

136 javascript  html  css 

我正在做资产的预编译，并在生产模式下运行该应用程序。编译后，当我加载索引页面时，我在chrome控制台中收到以下警告： Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0 prospects:1 OTS parsing error: invalid version tag 问题是它没有加载图标，而不是显示正方形。 我们使用了自定义字体，代码为： @font-face { font-family: 'icomoon'; src: font-url('icomoon.eot'); src: font-url('icomoon.eot?#iefix') format('embedded-opentype'), font-url('icomoon.ttf') format('truetype'), font-url('icomoon.woff') format('woff'), font-url('icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } 我不知道我到底缺少什么。我进行了很多搜索并尝试了解决方案，但没有成功。

136 css  asset-pipeline  ruby-on-rails-4.1  custom-font