html如何去掉文本框后面的叉

1、<style type="text/css">

.input { padding: 5px; margin: 0; border: 1px solid #beceeb; }

.clear { display: none; position: absolute; width: 16px; height: 16px; margin: 6px 0 0 -20px; background: url(clear.png);}

.input::-ms-clear { display: none; }

.input:valid + .clear { display: inline; }

2、<input class="input" required><a class="clear"></a>

3、我测试了下，chrome跟IE7以上没毛病

4、可以看到最后面的X已经去掉了，如果还是嫌丑，可以去网上找封装好的一些库，百度搜索select就可以看到一大堆