由于Google Chrome v20在日期输入中添加了新的日历。这个问题是我正在使用javascript来创建自己的日历,而且我的图标已经和默认的chrome箭头处于相同的位置。
我想知道如何删除箭头背景?
解决方法
据我所知,你现在不能禁用它。
这里有一个讨论:
https://plus.google.com/102860501900098846931/posts/hTcMLVNKnec
这里有一个讨论:
https://plus.google.com/102860501900098846931/posts/hTcMLVNKnec
也许他们会添加一些-webkit选择器来控制样式。
现在您可能需要使用< input type =“text”>代替。
另外,看看这篇文章:
http://joewlarson.com/blog/2012/04/18/html5-date-input-field-concerns/
编辑:
根据Jeremy’s answer,现在可以删除箭头和旋转按钮。有关详细信息,请访问webkit.org:Styling Form Controls – WebKit
隐藏控件的CSS是:
<input type="date" class="unstyled" /> .unstyled::-webkit-inner-spin-button,.unstyled::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }
但是,这只会隐藏并禁用本机日历! – 您仍然可以按Alt Alt箭头(至少在Windows上)激活日历。
要禁用,您需要添加一些JavaScript,如上面的webkit.org页面所述:
<input type="date" id="dateInput" class="unstyled" /> dateInput.addEventListener('keydown',function(event) { if (event.keyIdentifier == "Down") { event.preventDefault() } },false);
你可以看到它在this jsfiddle工作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。