Question

我有2个类型=＆＃34;数字＆＃34;输入（用于移动设备），我试图为每个输入设置不同的宽度。

.someclass input{ width:50px; }不起作用

#someid input{ width:50px; }无效

我找到的唯一方法是使用type =＆＃34; number＆＃34;来改变输入。是通过做

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

但又是......

.someclass input[type="number"]{ width:50px; }不起作用

#someid input[type="number"]{ width:50px; }无法正常工作

是否可以使用type =＆＃34; number＆＃34;？

设置2个不同输入的宽度

Answer 1

感谢您的代码！现在我看到了问题。：）

CSS中的

.first input[type="number"]表示＆＃34;类型为input的所有number元素内元素first＆＃ 34。

它适用于以下结构：

<div class="first">
    <input type="number">
</div>

在您的情况下，输入是具有类的输入，您可以使用x-type-element.YClass（这意味着拥有类{{1}的所有x-type元素}或仅使用类/ ID，如these examples中所示。两者都是很好的解决方案，虽然第一个可以解决旧浏览器（即Internet Explorer）的不兼容问题。

我希望它有所帮助！

在使用type = number for mobile时设置不同的输入宽度时遇到问题

1 个答案: