社区
ASP
帖子详情
请问如何隐藏textarea的边框?(2)
wang0821
2000-06-21 11:28:00
我想隐藏文本框的边框,对text可以添加如下属性:
style="BORDER-BOTTOM-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none"
但是对于多行文本textarea,右边的下拉框却总是不能隐藏,请问怎么才能
将它隐藏?小弟急!
...全文
700
7
打赏
收藏
请问如何隐藏textarea的边框?(2)
我想隐藏文本框的边框,对text可以添加如下属性: style="BORDER-BOTTOM-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none" 但是对于多行文本textarea,右边的下拉框却总是不能隐藏,请问怎么才能 将它隐藏?小弟急!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
Tyro
2000-07-06
打赏
举报
回复
re:linyu
佩服佩服!
linyu
2000-07-06
打赏
举报
回复
[例子]
好苦好苦,终于找到:
<textarea style="overflow-y:hidden"></textarea>
linyu
2000-07-03
打赏
举报
回复
好办法,利用精确定位,用一个图像盖在上面,看你的耐心了。不是很好,不过很好用,还不懂,还贴出来。
hpboy
2000-07-02
打赏
举报
回复
可以的~~~
beta
2000-06-21
打赏
举报
回复
我也觉得没招!
Tyro
2000-06-21
打赏
举报
回复
你是想把右边的滚动条隐藏吗?看来没有办法!
Tyro
2000-06-21
打赏
举报
回复
如果背景色是单一的颜色,例如白色,可以把边框的颜色设置成背景的颜色以达到隐藏的效果,例如:
style="border-style: solid; border-color: #FFFFFF"
去掉谷歌浏览器获取焦点时默认的input、
textarea
的
边框
和背景
去掉chrome(谷歌)浏览器默认的input、
textarea
的
边框
(border)和背景(background) 及chrome下不可更改
textarea
大小 1、使用Chrome的都知道,当鼠标焦点在input、
textarea
这些元素上时,Chrome默认的会给它们加上黄色的
边框
,我以前一直以为这是chrome的特性,没法去掉,原来是css的效果,outline这个属性。 你可以用下面的css代码去掉所有元素的
边框
: *:focus {outline: none;} 用下面的代码去掉你要去掉的元素的
边框
: .nohighlight:focus { outline:none; }
在chrome浏览器中,防止input[text]和
textarea
在聚焦时出现黄色
边框
的解决方法
特别是input和
textarea
,并且在
textarea
右下角还有一个可用鼠标拖动该表
textarea
大小的功能,如下图所示: input:
textarea
: 有的时候黄色
边框
很影响页面效果,并且
textarea
拖动改变大小之后直接影响布局,所以为了不使这些多余的功能和效果影响页面,可以使用一下几句CSS清除掉chrome浏览器的默认效果,代码如下: 取消表单项聚焦时产生的黄色
边框
: 代码如下: input,button,select,
textarea
{outline:none} 取消
textarea
的拖动改变大小的功能: 代码如下:
textarea
{resize:none}
ie6,ie7,firefox的
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;} 如果有不正确或有更好的的方法欢迎
CSS样式去除input和
textarea
点击选中框
取消input和
textarea
的聚焦
边框
: 复制代码代码如下: input{outline:none} 取消
textarea
可拖动放大: 复制代码代码如下:
textarea
{resize:none}
隐藏
<
textarea
>
边框
的方法
隐藏
边框
的方法
ASP
28,391
社区成员
357,060
社区内容
发帖
与我相关
我的任务
ASP
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
复制链接
扫一扫
分享
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章