Question

我已经使用了以下代码

input[type=number]{
    width:312px;
}

但它影响了所有的文本框。我只想改变1个文本框。我该怎么办？谢谢！

Answer 1

您可以为您的输入值指定一个ID。

<input type="number" id="number-input" />

然后你可以像这样设计它

#number-input {
    width:312px;
}

为您的HTML提供ID或类，可以设置与其他相同元素不同的HTML元素的样式。（例如，<span class="test"></span>的样式可以与<span></span>

不同

Answer 2

使用CSS class和id

的示例

＆＃13;

/* This applies to element with class="wide" */
.wide {
  width: 312px;
}

/* This applies to element with id="wide" */
#wide {
  width: 312px;
}

＆＃13;

<input class="wide" type="number" name="quantity" />
<br>
<input type="number" name="quantity" />
<br>
<input type="number" name="quantity" />
<br>
<input id="wide" type="number" name="quantity" />

＆＃13;

Answer 3

根据HTML的外观，有许多选项需要考虑：

input[type=number] {
    float: left;
    clear: both;
} 

#first {
    width:312px;
} 

.second {
    width:312px;
} 

[data-special=third] {
    width:312px;
} 

.second input[type=number] {
    width:312px;
}

<input type=number id="first" />

<input type=number class="second" />

<input type=number data-special="third" />

<div class="second"><input type=number /></div>

我想改变type = number的特定文本框

3 个答案: