如何在webkit浏览器中从'number'类型的输入字段更改旋转按钮的大小?

时间:2013-01-09 15:58:42

标签: css html5 jquery-mobile webkit web-frontend

我需要在webkit浏览器中从'number'类型的输入字段更改旋转按钮的大小。有谁知道如何实现这一目标?在我的特殊情况下,我使用jquery mobile。也许这有助于...... thnx!

编辑:我想我需要指明我在非移动浏览器上使用jquery mobile的方向(对于带触摸显示器的自助服务终端系统)。

1 个答案:

答案 0 :(得分:2)

您需要使用 -webkit-appearance:none; 来覆盖移动浏览器。

请参阅此答案:https://stackoverflow.com/a/4812443/737794

在尝试跨浏览器设置样式时,原生表单元素可能很烦人,因此存在大量插件,用可定制的HTML元素替换本机元素(如旋转按钮)。这是一个轻量级插件,只替换旋转按钮元素 - >

http://www.egrappler.com/contents/smartspin/demo/spinner.htm

编辑:

正如headkit所提到的,这取代了'text'输入,而不是data-type =“spinbox”。

这是他提到的替换旋转箱类型的插件 - >

http://dev.jtsage.com/jQM-Spinbox/#