0
我有一個表格,我想灰色的文本框,但在這樣做,「提交」類型的文字也是淺灰色。所以我決定爲所有類型不等於「提交」的輸入創建CSS,但是我遇到了問題。我知道,如果我想選擇包含「提交」的所有輸入,我應該使用input[type*="submit"]
,並且不選擇特定元素的語法是:not(attribute)
,但我無法弄清楚如何實現諸如input[type:not("submit")
之類的內容。如何選擇除type =「value」以外的所有輸入?
input {
color: #666;
}
input[type*="submit"]{
color: #000;
}
<div class="modal-content">
<form action="/action_page.php">
First Name:<br>
<input type="text" name="firstname" value="First Name" title="Type your First Name" onfocus="this.value='';">
<br><br>
Last Name:<br>
<input type="text" name="lastname" value="Last Name" title="Type your Last Name">
<br><br>
Email:<br>
<input type="email" name="email" value="[email protected]" title="Type your email">
<br><br>
Phone:<br> <!--Brazilian pattern (xx)x.xxxx-xxxx-->
<input type="tel" name="phone" pattern="^\(?:\(\d{2}\)|\d{2})[\d{1}][. ]?\d{4}[- ]?\d{4}"value="(xx)x.xxxx-xxxx" title="Type your phone number">
<br><br>
Age:<br>
<input type="age" pattern=".{2,3}" name="idade" value="Age" title="Idade">
<br><br>
<br><br>
<input type="submit" value="Submit">
</form>
</div>
你想要的東西是不已經在你的代碼片段做目前還不清楚。你說你想灰色除了提交按鈕之外的所有輸入文本,這就是你現在所擁有的。 – TylerH
我只是想用較少的代碼做同樣的事情。 –