Question

如何忽略输入样式？我只需要在标签内设置样式，而不是输入。

这是我的sass代码：

仅适用于文字：

  text-transform: lowercase;
  &:first-letter {
    text-transform: uppercase;
  }

这不起作用：

  text-transform: lowercase;
  &:not(input[type=text]):first-letter {
    text-transform: uppercase;
  }

HTML：

      <label class="radio">
        <input type="radio" value="option1" checked>make first letter uppercase here
        <input class="span5" type="text"> to
        <input class="span5" type="text">
      </label>

Answer 1

也许通过轻微的布局调整完全避免这个问题：

http://jsfiddle.net/TjRbd/

input[type="radio"] {
    float: left;
}
label {
    display: block;
}
.radio:first-letter {
    text-transform: uppercase;
}

<label class="radio">make first letter uppercase here
    <input type="radio" value="option1" checked />
</label>

仅忽略输入样式？

1 个答案: