Question

如何对html5中number和date输入框的自定义

设定html标签时，不想要图中红框的那些箭头什么的，请问这个要怎么做啊
<input type="number" name="user_date" />

<input type="date" name="user_date" />





Answer 1

用CSS样式可以去掉部分表单的默认样式：
outline:none; -webkit-appearance:none; appearance:none;
type="number"改为type="tel"就没有上下箭头了

Answer 2

css喽 没有定义的样式 使用的都是默认的

追问

那请问怎么做呢？没有找到可以设置的地方

追答

class知道么？ 做好样式 在 你这个框框里使用 就比如你这个用input做的 设计好一个css的class叫qw 然后就这样

追问

不是啊，就是那个上下调整的箭头是自带的，但是我不希望它存在，css样式我也知道，就是没有找到可以不让它显示出来的方法
我用的是html5的标签
麻烦直接贴代码或者相关的链接吧，谢谢！

追答

放下你的邮箱就OK了 等会给你发过去 在不你就自己定义一个class很难么？ 把整个input按钮的样式变了不就好了

追问

viola6321 新浪
谢谢！

Answer 3

利用css就可以改变样式

追问

这个，我知道CSS可以改变样式，但这个上下调整的小箭头应该如何具体去掉呢？
没能找到详细的说明，如果您了解，麻烦告诉我哪里有说明，或者具体什么属性可以操控它是否显示吧，谢谢！

追答

那么就需要把type的值设为text

追问

就是因为想要用它自带的date功能，但是又不想要小箭头。。
好吧，结论是这个是没有办法自定义的，谢谢！

追答

不客气

Answer 4

input button, input [type="button"] {
    display: none;
}

try it