Question

我有这种输入类型：

＆＃13;

input[type=number] {
    width:9vw;
	height:10vw;
	max-width:42px;
	max-height:52px;
	text-align: center;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
	border-radius:1px;
	text-align:center;
	border:3px solid black;
	display:inline-block;
	margin-left:6%;
	background-color:black;
	color:white;
}

＆＃13;

<input type="number"  MIN="0" MAX="15"  default="2" >

＆＃13;

我注意到显示屏随着浏览器的不同而变化。我会设置箭头始终可见，并覆盖整个高度。我只会在黑色背景上的白色箭头。我还需要将默认值设置为2.感谢您的帮助

Answer 1

您不使用默认值。你使用价值：

<input type="number"  MIN="0" MAX="15"  value="2" >

您的最小值和最大值将被忽略。这应该用Javascript处理。 事实并非如此。它实际上工作正常。此外，它甚至可以自动过滤坏的值。

就看起来不同的部分而言......你的风格条件允许不同的浏览器。在渲染时可能会或可能不会覆盖它。

Answer 2

正如durbnpoisn所说，您只需设置this.$$属性即可修复默认值问题。

由于您为输入字段指定了类型，因此您将引用HTML5输入字段，该字段会自动包含这些箭头。要获得一些自定义箭头，您必须使用value。为了做到这一点，我找到了2个简单的解释来实现这个here和here。

结合在一起，这看起来有点像这样：

-webkit-appearance: none;

您也可以稍微查看一下fiddle。

样式输入类型=数字

2 个答案: