请问如何隐藏textarea的边框？

wang0821 2000-06-20 02:22:00

我想隐藏文本框的边框，对text可以添加如下属性：

style="BORDER-BOTTOM-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none"

但是对于多行文本textarea，右边的下拉框却总是不能隐藏，请各位大侠帮我

...全文

3983 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Tyro 2000-07-06

打赏
举报

回复

re:linyu

佩服佩服！我的右键菜单的问题怎么解决呀？

wang0821 2000-06-20

打赏
举报

回复

是啊，怎么才能不显示下拉列表按钮？

蝈蝈俊 2000-06-20

打赏
举报

回复

BORDER-RIGHT-STYLE:none 是把边框不显示。而不是不显示下拉列表按钮

css textarea textarea 样式

特别是input和textarea，并且在textarea右下角还有一个可用鼠标拖动该表textarea大小的功能，如下图所示： input： textarea：有的时候黄色边框很影响页面效果，并且textarea拖动改变大小之后直接影响布局，所以为了不使这些多余的功能和效果影响页面，可以使用一下几句CSS清除掉chrome浏览器的默认效果，代码如下：取消表单项聚焦时产生的黄色边框：代码如下: input,button,select,textarea{outline:none} 取消textarea的拖动改变大小的功能：代码如下: textarea{resize:none}

本文主要核心内容为：去掉chrome(谷歌)浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小，感兴趣的朋友可以了解下

在ie6,7下会有滚动条，但是灰色不可拖拽的状态如果要ie不出现滚动条的话，可以设置overflown-y:hidden;不过这样一来，如果文字大于4行，那它还是不会出现滚动条的，在此可以用js进行判断，如果是ie浏览器，如果字符大于多少，就设置 overflown-y:none; 这样大于4行就又可以显示滚动条了。再看边框，如果设置textarea{border:none;}那在firefox里是可以达到没有边框的效果，但在ie6里还是不可以的，所以得这样：textarea{border:none;border:1px solid none;} 如果有不正确或有更好的的方法欢迎

input和textarea点击选中框很影响美观，有什么方法可以将它去除掉呢？下面有个不错的方法，需要的朋友可以参考下

28,409

社区成员

356,971

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章