форма 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

Я попробовал еще раз с важным и это сработало!. Это, похоже, отменяет некоторые CSS из Typo3.

Хороший совет для всех программистов Typo3-Backend: если какой-либо CSS не работает, сначала попробуйте исправить его.

Когда есть время, я исследую, что Typo3 делает здесь для моего CSS. Спасибо за помощь!