Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 左侧输入编号中的微调器_Html_Css - Fatal编程技术网

Html 左侧输入编号中的微调器

Html 左侧输入编号中的微调器,html,css,Html,Css,是否可以在一个样式中设置微调器的样式 <input type="number"/> 是否位于左侧而不是默认的右侧?是的,您可以这样做。 您所要做的就是向元素添加一个方向属性,就完成了 在基于Chromium的浏览器上,您可以使用此非标准技巧,它不会影响负号的位置 [type=number]::-webkit-textfield-decoration-container {flex-direction: row-reverse} 如果允许该值变为负数,则负号将显示在数字的右侧

是否可以在一个样式中设置微调器的样式

<input type="number"/>

是否位于左侧而不是默认的右侧?

是的,您可以这样做。 您所要做的就是向元素添加一个方向属性,就完成了


在基于Chromium的浏览器上,您可以使用此非标准技巧,它不会影响负号的位置

[type=number]::-webkit-textfield-decoration-container {flex-direction: row-reverse}

如果允许该值变为负数,则负号将显示在数字的右侧。这是在rtl或从右到左模式下渲染的副作用。感谢您指出@LarrySilverman。在我的例子中,这并不重要,因为我在价格字段中使用它,这些字段都只允许正数,甚至对于我的折扣字段,在输入字段之外,我在右边显示负数。对于其他人来说,如果将其与负数一起使用,那么这可能是一种方法。很好的回答,令人惊讶的是,没有更多的人发现这很有帮助!可以对负号的位置做些什么吗?这也证明了字段的正确性,仅供参考。