Questions tagged «css»

我正在使用PHP创建测验Web应用程序。每个问题由一个单独的部分组成<label>，有4个可能的选择，radio buttons用于允许用户选择他/她的答案。单个问题的当前HTML如下所示： <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" type="radio" value="2" name="349">Andrew <br> <input id="349" type="radio" value="3" name="349">Andre <br> <input id="349" type="radio" value="4" name="349">Anderson <br> 我希望用户可以选择单击与单选按钮关联的文本。 现在，用户只能单击单选按钮本身-我发现这是一项非常繁琐的任务。 我读到“无法选择特定的单选按钮选项”，方法是单击选择文本，并且建议指向标记的for和id属性匹配。我已经做到了，但仍然行不通。 我的问题是：我希望能够单击<input type="radio">对象的文本，而不是只能选择单选按钮本身。 我知道我之前已经阅读过有关此问题的信息，但似乎找不到解决我问题的方法。任何帮助或建议，不胜感激！

86 html  css  forms  input  radio-button 

我已经在bootstrap 2.3中使用了glyphicons，但是现在我已升级到bootstrap 3.0。现在，我无法使用icon属性。 在Bootstrap 2.3中，以下标记起作用 <i class="icon-search"></i> 在bootstrap 3.0中，它不起作用。

86 html  css  twitter-bootstrap-3 

我正在使用Font Awesome Sass文件https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass使其成为_font-awesome.sass，因此可以@import在我的Sass项目中使用。我还使用http://middlemanapp.com/将Sass转换为Css。问题： 有没有办法将仅使用过的图标类带入转换后的.css中？因为现在它包含了_font-awesome.sass中的所有类 BONUS：是否可以用旧的图标类以某种方式重新编译字体，以使其在生产时更小？ 如果我能在上面的＃1上找到一些提示，那就足够了。 谢谢。

86 css  sass  font-awesome 

您可以在HTML的菜单栏上找到很多教程，但是对于这种特定的（尽管是恕我直言）通用案例，我还没有找到任何合适的解决方案： # THE MENU ITEMS SHOULD BE JUSTIFIED JUST AS PLAIN TEXT WOULD BE # # ^ ^ # 纯文本菜单项数量不一，页面布局也很流畅。 第一个菜单项应左对齐，最后一个菜单项应右对齐。 其余项目应在菜单栏上进行最佳分配。 数字是变化的，因此没有机会预先计算出最佳宽度。 请注意，TABLE在这里也无法正常工作： 如果将所有TD居中，则第一项和最后一项没有正确对齐。 如果左对齐，右对齐第一个。最后一项，间隔将不是最佳的。 没有明显的方法可以使用HTML和CSS干净地实现这一点，这很奇怪吗？

86 html  css 

我有以下标记： <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> 我想要它，以便如果文本自动换行，就不会进入图像的“列”。我知道我可以用table（我一直在做）做到这一点，但是由于这个原因这是行不通的。 我已经尝试了以下方法，但均未成功： li span {width: 100px; margin-left: 20px} .fav_star {width: 20px} 我也试过了float: right。 谢谢。 编辑：我希望它看起来像这样： IMG Text starts here and keeps going... and wrap starts here. 不是这样的： IMG Text starts here and keeps going... and wrap starts in …

86 css  css-float  word-wrap 

我正在寻找一个带颜色的图标（并将成为链接），并将其变成灰度，直到用户将鼠标放在该图标上（然后该图标将对该图像进行着色）。 是否可以这样做，并且以IE和Firefox支持的方式进行？

86 css  mouseover  grayscale 

我所希望的是能够将列表中项目符号的颜色更改为浅灰色。它默认为黑色，我不知道如何更改它。 我知道我只能使用图像；如果可以的话，我宁愿不这样做。

86 html  css  html-lists 

已关闭。这个问题需要细节或说明。它当前不接受答案。 想改善这个问题吗？添加详细信息并通过编辑此帖子来澄清问题。 2年前关闭。 改善这个问题 是否可以仅使用CSS链接显示和隐藏文本-完全不使用JavaScript？ 例如：在此页面上 注意“更多”链接。当您单击它时，它将取消隐藏文本。这个特定的示例是JavaScript，但是我不确定是否可以使用纯CSS来完成。

86 css 

所以，我有一个app/assets/stylesheets/目录结构，看起来像这样： |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements 在每个目录中，有多个sass部分（通常是* .css.scss，但是一个或两个* .css.scss.erb）。 我可能有很多假设，但是rails应该由于*= require_tree .application.css中的内容而自动编译那些目录中的所有文件，对吗？ 我最近尝试通过删除所有颜色变量并将它们放在根app/assets/stylesheets文件夹（_colors.css.scss）中的文件中来重组这些文件。然后，我在根app/assets/stylesheets文件夹中创建了一个名为master.css.scss的文件，如下所示： // Color Palette @import "colors"; // Mixins @import "mixins/buttons/standard_button"; @import "mixins/gradients/table_header_fade"; @import "mixins/vendor_support/rounded_corners"; @import "mixins/vendor_support/rounded_corners_top"; @import "mixins/vendor_support/box_shadow"; @import "mixins/vendor_support/opacity"; 我不太了解Rails如何处理资产编译的顺序，但是显然这对我不利。似乎没有文件意识到要导入任何变量或mixins，因此会引发错误，因此我无法编译。 Undefined variable: "$dialog_divider_color". (in /home/blah/app/assets/stylesheets/dialogs/dialog.css.scss.erb) Undefined mixin 'rounded_corners'. (in /home/blah/app/assets/stylesheets/widgets.css.scss) 该变量$dialog_divider_color在_colors.css.scss中明确定义，并且_master.css.scss正在导入颜色和所有我的mixins。但是显然，rails没有得到该备忘录。 有什么办法可以解决这些错误，还是需要将所有变量定义以及所有mixin导入放回到每个文件中？ 不幸的是，这个家伙似乎并不认为有可能，但我希望他错了。任何想法都将不胜感激。

86 css  ruby-on-rails  asset-pipeline  sass 

我正在使用twitter bootstrap，并且有一行包含两列（span6）。如何在两个跨度之间创建垂直分隔线。 谢谢，Murtaza

86 html  css  twitter-bootstrap 

我有一个生产和开发服务器。问题是目录结构。 发展： http://dev.com/subdir/images/image.jpg http://dev.com/subdir/resources/css/style.css 生产： http://live.com/images/image.jpg http://live.com/resources/css/style.css 我如何在两个服务器上使用在属性中使用相同路径的style.cssincss文件夹background: url？我可以在相对路径中使用技巧吗？

86 css  relative-path  absolute-path 

我知道图标字体只是字体，您可以通过调用它们的类名来获得图标，但是图标字体如何工作？ 我已经尝试检查Chrome中加载的相关图标字体资源，以查看图标字体如何显示图标（与常规字体相比），但是我无法弄清楚这种情况如何发生。 即使有大量的图标字体可用，我也没有找到有关如何完成“图标字体技术”的资源。也有大量资源显示如何集成图标字体 ，但是似乎没有人分享或写出如何完成此工作！

86 css  web  fonts  icons  icon-fonts 

所以我有一个问题。我环顾四周，环顾四周，但没有运气。我想使我的身体背景透明，但使文本不透明。现在，我保持相同的不透明度。这是我的代码： @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px; opacity:1; …

86 html  css  text  opacity 

如何将插入边框应用于HTML元素，但仅在其一侧。到现在为止，我一直在使用图像（GIF / PNG）执行此操作，然后将其用作背景并拉伸它（repeat-x），并从块的顶部移开一点。最近，我发现了轮廓CSS属性，这是伟大的！但是似乎将整个块都圈了起来...是否可以仅使用此边框属性在一个边界上执行此操作？另外，如果没有，您是否有任何CSS技巧可以代替背景图片？（这样我以后可以使用CSS等来个性化轮廓的颜色）。提前致谢！ 这是要实现的目标的图像：http : //exiledesigns.com/stack.jpg

86 html  css 

我进行了搜索，但无法找到满足我要求的解决方案。 我有一个普通的HTML表。我想要它不使用图像或JS，即纯CSS的圆角。像这样： 角单元的圆角，单元的1px粗边框。 到目前为止，我有这个： table { -moz-border-radius: 5px !important; border-collapse: collapse !important; border: none !important; } table th, table td { border: none !important } table th:first-child { -moz-border-radius: 5px 0 0 0 !important; } table th:last-child { -moz-border-radius: 0 5px 0 0 !important; } table tr:last-child td:first-child { -moz-border-radius: …

86 html  css  html-table  rounded-corners