表单输入字段的CSS

Question

我有一个像

这样的表格

<form class="mystyle" ...>
<input name="test1" type="text">
<input name="test2" type="text">
...
</form>

现在我想用CSS设置所有输入的样式：

.mystyle input[type="text"] {
   width: 200px;
 }

我知道将输入分类是有效的。但如果您有大量输入，这不是最佳解决方案......

如何使输入继承表单的类？

Answer 1

你可以用jquery解决它如果你想：

<form class="mystyle" ...>
<input name="test1" type="text">
<input name="test2" type="text">
...
</form>

css

.mystyle input.text {
   width: 200px;
 }

Jquery的

$(document).ready(function(){ $("form.mystyle input").addClass("text")})

Answer 2

我用！important 再次尝试了它并且它有效。这似乎从Typo3中推翻了一些CSS。

对所有Typo3-Backend-Programmers的一个很好的提示：如果某些CSS不起作用，请先尝试使用！重要。首先。

有时间的时候，我会调查Typo3在这里对我的CSS做了什么。感谢所有的帮助！