Css 在为移动设备使用type=number时设置不同的输入宽度时遇到问题

我有2个type=“number”输入（用于移动设备），我试图为每个输入设置不同的宽度

.someclass输入{width:50px；}

不起作用

#someid输入{width:50px；}

也不起作用

我发现使用type=“number”更改输入的唯一方法是

input[type=“number”]{width:50px；}

但是再一次

.someclass输入[type=“number”]{width:50px；}

不起作用

#someid输入[type=“number”]{width:50px；}

也不起作用

---

是否可以使用type=“number”设置两个不同输入的宽度？

谢谢您的代码！现在我明白了问题所在。：）

.first input[type=“number”]

在CSS中表示“所有

input

类型为

编号为
的元素，它们位于类为
first
的元素内部”

它将适用于以下结构：

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



在您的情况下，如果输入是具有类的输入，则可以使用
x-type-element.YClass
（这意味着具有类
YClass
的所有
x-type
元素）或仅使用类/ID，如中所示。这两个都是很好的解决方案，尽管第一个解决方案可能会给您带来与旧浏览器（即Internet Explorer）不兼容的问题

我希望有帮助
 可以在每次输入之前输入[type=“number”]{width50px；}，这就是我现在正在做的。。。但是，这看起来很难看，并且希望它出现在css文件中。您是否尝试过使用
！重要信息
？这是一种不好的做法，但是如果
.someclass输入[type=“number”]{width:50px！important；}
起作用，那么您的样式将在其他地方被覆盖。JSFIDLE或您的代码示例也会很有帮助。！重要的是，这不起作用，我的样式表非常干净，我知道我没有过度编写类或ID。我将向您展示2页的探索与构建。。。但它是在一个我还没有发布的游戏中。创建2并尝试为两者设置不同的宽度。我已经尝试了，搜索了又搜索，但找不到解决方案。您确定您正确编写了类/ID吗？如果
！重要信息
听起来像
。someclass
或
#someid
拼写错误（或者可能在HTML中丢失？）。对不起，没有代码，这是我能想到的一切。不起作用。这是我的第一个问题，在我10年的游戏制作生涯中，我没有必要寻求帮助，但这是我的第一款手机兼容类型的游戏，所以我想使用type=number来显示正确的numpad。谢谢，这很有效！最简单的事情，嗯？我会投票给你，但我想我首先需要15个声誉点=/我发现这很好。第一个输入{}可以工作。。但是不要用type=number=/再次感谢你。非常欢迎！是的，最简单的事情，事实上，我们都经常在那里。xD我认为您可以接受答案（计票下的勾选符号），这也会给您带来更多的声誉