1

为什么文本字段不遵守.span1规则？我能做些什么来修复它？

http://jsfiddle.net/aurorius/aNRBn/

<html>
<head>
  <title></title>
</head>
<body>
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">
        <form class="form-horizontal">
          <fieldset>
            <div class="control-group">
              <label class="control-label" for="focusedInput">Focused input</label>
              <div class="controls">
                <input class="focused span1" id="focusedInput" type="text"
                value="This is focused" />
              </div>
            </div>
            <div class="control-group">
              <label class="control-label">Uneditable input</label>
              <div class="controls">
                <span class="span1 uneditable-input">Some value here</span>
              </div>
            </div>
          </fieldset>
        </form>
      </div>
    </div>
  </div>
</body>
</html>
​

解决它的一种快速方法是更改row-fluid​​为row. 但是如何在仍然使用row-fluid标签的同时修复它？

4

2 回答 2

0

为什么不尝试使用输入而不是跨度？

<input class="uneditable-input span1" value="Some value here" />

http://jsfiddle.net/uWbe9/

于 2012-05-27T04:47:07.120 回答
0

我认为这是一个 CSS 优先级问题 - 你的 width:100%; 正在被其他样式覆盖。要解决此问题，请向其添加另一个类以重新获得最高优先级，即：

.container-fluid .row-fluid [class*="span"] {
width: 100%;
[.. rest of styles here]
}​

在前面添加“.container-fluid”再次赋予它优先权。

演示：http: //jsfiddle.net/lukem/HA26E/1/

CSS优先规则：http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

于 2012-05-31T20:22:18.587 回答