在输入栏上

在输入栏上

<span id = "referralValue"> 
 
    <input type="number" name="value" value="0.00"> 
 
</span>

大家好Permenantly显示向上/向下唱首歌，

目前，我有下面的代码。当您将鼠标悬停在输入框上时，该框右侧有两个图标，您可以上下切换以增加/减少一个值。我不确定如何显示通过CSS增加/减少值的向上和向下按钮。

任何想法。

来源

2017-01-30 Sammy Sung

当你运行你的代码时，两个按钮总是在那里;我可以经常看到它们。我正在使用firefox – JavaQueen

这是浏览器的样式。每个浏览器都以不同的方式呈现，而且你无法对它们进行设计它就像所需的属性;每个浏览器在输入需要为空时为工具提示定义样式 – kiwi1342

这与浏览器有关，不幸的是，以一致的方式（如其他几个输入控件）很难或不可能进行样式设置。尝试使用第三方插件来实现这一点可能会更好，例如jQuery UI微调：https：//jqueryui.com/spinner/ –

-1

如果你真的想要永久地上下箭头，你需要为使用Javascript和CSS的应用程序构建自己的解决方案。

已经有类似的东西叫做HTML5 Number polyfill。

如果你已经在使用jQuery或可以使用它，你应该看看这个。

来源

2017-01-30 11:06:42 Eddi

你可以做到这一点使用下面的CSS（在Chrome）：

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
     opacity: 1; 
}

了解更多信息click here

来源

2017-01-30 11:11:50

目标旋转按钮并设置Opacity为1

<style> 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
    opacity: 1;  
} 
</style> 

<span id = "referralValue"> 
    <input type="number" name="value" value="0.00" min="" max=""> 
</span>

套装min和max值根据您的方便。

来源

2017-01-30 11:16:10

回答

相关问题