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

标签 css html jquery-mobile webkit web-frontend

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

编辑:我认为我需要在非移动浏览器上使用 jquery mobile(对于带有触摸显示器的信息亭系统)的那个方向指定我的问题。

最佳答案

您需要使用 -webkit-appearance: none; 以允许在移动浏览器中覆盖。

查看此答案:https://stackoverflow.com/a/4812443/737794

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

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

编辑:

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

这是他提到的用于替换 spinbox 类型的插件 ->

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

关于css - 如何在 webkit 浏览器中更改类型为 'number' 的输入字段中旋转按钮的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14241197/

相关文章:

css - 设置 CSS 文件的过期时间

javascript - 如何更改悬停时的图像

css - div 上的双向箭头

javascript - 尝试使用 jquery 过滤非悬停元素

javascript - 如何安排网页中js和css文件的顺序?

html - 最后一个 child 不删除边框底部

javascript - getImageData 之后 insideHTML 不起作用

css - 响应式设计布局自动调整大小

android - jquery ajax GET请求执行两次

jquery - 使用 jQueryMobile 限制 ListView 中的行数