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/

Bootstrap模式解雇,如果用户点击任何其他..如何防止这一点?

我正在使用Twitter的Bootstrap模式。 每当用户点击屏幕上除模式以外的任何其他位置时,模式将被解除。 有没有一种方法可以防止这种情况,所以用户必须点击closuresbutton来closures模式? 最好,