Tag: CSS

Twitter引导程序崩溃：更改切换button的显示: 我正在使用Twitter Bootstrap创build可折叠的文本部分。当按下+button时，部分被展开。我的html代码如下： <div class="row-fluid summary"> <div class="span11"> <h2>MyHeading</h2> </div> <div class="span1"> <button type="button" class="btn btn-success" data-toggle="collapse" data-target="#intro">+</button> </div> </div> <div class="row-fluid summary"> <div id="intro" class="collapse"> Here comes the text… </div> </div> 有没有办法改变button来显示-而不是+扩大部分之后（当它再次折叠时变回+ ）？附加信息：我希望能有一个简单的twitter-bootstrap / css / html解决scheme来解决我的问题。到目前为止，所有的反应都使用JavaScript或PHP。因此，我想添加一些关于我的开发环境的信息：我想在基于SilverStripe（3.0.5版）的网站中使用这个解决scheme，这对PHP和JavaScript都有一定的影响。

如何更改select框箭头: 我需要你的帮助。我似乎无法把我的头围绕在这一个，并找出答案。如何在select框中更改默认的Windows 7，IE 10默认箭头：使其看起来像这样，使用下面的自定义箭头：。这是我希望使用的箭头：这是我的HTML标记： <!DOCTYPE html> <html> <head> <style type="text/css"> select { font: normal 13px Arial; color: #000;} .container { border: 1px solid red; position: relative; width: 124px; height: 18px; overflow: hidden; } .inpSelect { color: black; background: #ffa; position: absolute; width: 128px; top: -2px; left: -2px; } </style> <script […]

设置内联元素的宽度: 您可以设置内联元素的宽度，例如<span> ， <em>和<strong> ，但是在定位它们之前您不会注意到任何效果。一）我认为内联元素的宽度不能设置？ b）假设宽度可以设置 – 我们不会注意到任何效果（因此我们指定的宽度），直到我们定位内联元素。位置如何/在哪里？ c）为什么内联元素的宽度只有在我们“定位”时才显现出来？

将行高设置为相对于父元素的百分比: 我有一个响应元素，它的宽度和高度都将缩放。在里面，我有一些文字，我想垂直居中。如果我不知道父母的身高，那么如何将文字的line-height设置为与父母相同呢？ line-height: 100%是相对于字体的常规高度，所以这没有帮助…

Recaptcha在页面上创buildiFrame，打破样式: Recaptcha在我的网站（包括下面的代码）的顶部添加了一个“这个框架可以防止Safari中的后退/前进caching问题”的iFrame，这推动了20-30px（大约）的样式。如果我设置display: none; 到Firebug中的元素，它解决了这个问题。有谁知道为什么这个元素有一个高度（我没有CSS适用于iFrames）？或者如何设置显示：无; 在上面？ <iframe src="about:blank" style="height: 0px; width: 0px; visibility: hidden; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "> This frame prevents back/forward cache problems in Safari. </iframe>

CSS列中断？: 我一直在尝试CSS列，但我不能rest工作。到目前为止，这里是CSS： #container { width: 500px; column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; } h1 { break-after: always; -moz-column-break-after: always; -webkit-column-break-after: always; } 这里是相关的HTML： <div id="container"> <h1>The header of the first column</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>Maecenas interdum mattis leo, id vehicula sapien ultricies et.</p> <p>Donec orci nunc, rhoncus ut convallis a, […]

任何方式来同步表格列宽度与HTML + CSS？: 我有一些表的列相同，如果他们共享相同的列宽，它会看起来好多了。这样的事情可能吗？把它们放在同一个表格中，一些没有边界的行是不可行的。编辑：是的，我知道我可以自己修复宽度，但我希望能够配合浏览器的列宽度algorithm，但只是将两个或更多的表格绑在一起做这种布局的目的。我不认为这样的事情是可能的，但我想我会检查以防万一。

如何使用CSS居中textarea？: 原谅我提出这样一个简单的问题，我对HTML和CSS都是新手。有一个简单的方法来居中textarea？我想我只是尝试使用 textarea{ margin-left: auto; margin-right: auto; } 但它（显然？）不起作用。

CSS：在hover显示和隐藏不同的div在同一时间？: 这里是CSS示例如何显示隐藏的div（在hover）： <div class="showhim">HOVER ME<div class="showme">hai</div></div> 和 .showme{ display: none; } .showhim:hover .showme{ display : block; } 我只能使用CSS来显示一个div并同时隐藏另一个div吗？这里是如何使用JS为此目的的示例： http : //jsfiddle.net/joshvito/GaZQ6/