Question

我一直在使用input type="number"，它通常会在Chrome中显示，但不会显示在IE浏览器中。在IE中，它显示一个“X”标记的按钮。我想把它显示为标有按钮的顶部和底部箭头。

我的IE浏览器的版本是11，我也试过meta标签启用浏览器来渲染最近的浏览器，但我无法解决这个问题。

 <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

什么事？我怎样才能解决这个问题？请帮帮我。

这是我到目前为止：

<!doctype html>
<html lang="en">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
  <title>jQuery UI Spinner - Default functionality</title>
  <style type="text/css">
  input[type=number] {
    height: 30px;
}

input[type=number]:hover::-webkit-inner-spin-button {  
    width: 14px;
    height: 30px;
}
  </style>
</head>
<body>
<input type="number" name="qty" value="1" name="goodsnum">

</body>
</html>

如何在IE浏览器中支持input type =“number”标签

0 个答案: