如何去掉textarea 无边框的边框

来源：蜘蛛抓取(WebSpider) 时间：2017-02-27 06:12 标签： 去掉textarea的边框
Firefox required input textarea 粉红色边框去除方案
Firefox中，如果一个表单控件具有required属性，那么当这个控件失效时会自动被Firefox加上一圈粉红色的边框，极其难看，无法实现各个浏览器统一，尤其是当你将这个控件设置了不显示某些边框线的时候，要去除Firefox给有required属性的表单控件添加的边框，只需要添加一句CSS代码即可。
添加下列代码以后，具有required属性的input和textarea将不再自动添加粉红色边框（其实是盒子阴影）。& && &&&&style&
& && && && && & input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textarea:focus:invalid{box-shadow:}
& && &&&&/style&复制代码或者写成下面这种形式& && &&&&style&
& && && && && & input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow:}
& && &&&&/style&复制代码为了兼容老版本的Firefox，还可以将-moz-box-shadow:none也添加上去。
本帖子中包含更多资源
才可以下载或查看，没有帐号？jquery清空textarea等输入框_jQuery_柯乐义
您的位置：
jquery清空textarea等输入框
点击按钮后，这些文字将被清空。http: 柯乐义
点击“清空”按钮，就可以将上面textarea里面的内容清空。完整示例：下面是源代码：&script type=&text/javascript& src=&/keleyi/pmedia/jquery-1.9.1.min.js&&&/script&&textarea id=&keleyi_com& cols=&30& rows=&5&&点击按钮后，这些文字将被清空。http: 柯乐义&/textarea&
&br /&&input type=&button& id=&clear_keleyi_com& value=&清空& /&
&script type=&text/javascript&&
$(&#clear_keleyi_com&).click(function (){
$(&#keleyi_com&).val('');
Copyright&2000年6月 Web 开发大版内专家分月排行榜第二
2000年7月 Web 开发大版内专家分月排行榜第一
2000年7月 VB大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。去掉textArea和input的边框
去掉他们的边框用CSS去控制
去掉textArea的边框
style='overflow:
background-attachment:&&
background-repeat:&&
border-style:&&
border-color:&&
去掉input的边框
style='border-left:0border-top:0border-right:0border-bottom:1px
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。点评：input和textarea点击选中框很影响美观，有什么方法可以将它去除掉呢？下面有个不错的方法，需要的朋友可以参考下！
取消input和textarea的聚焦边框：&
复制代码代码如下:
input{outline:none}&
取消textarea可拖动放大：&
复制代码代码如下:
textarea{resize:none}&
最新图文资讯
相关文章列表:
站长圈推荐文章
　-　 　-　 　-　 　-　 　-　 　-　

我要回帖

更多关于 去掉textarea的边框 的文章

 

随机推荐