社区
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,右边的下拉框却总是不能隐藏,请问怎么才能
将它隐藏?小弟急!
...全文
705
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}
HTML必知必会精讲
本课程《HTML必知必会精讲》详细讲述了HTML必备知识点,内容包括:HTML概述、HTML规范、HTML思想、HBuilder工具的介绍和使用、常见标签(字体font标签、加粗b标签、下划线u标签、删除线s标签、字体倾斜i标签、上标sup标签和下标sub标签、注释标签、标题h1标签、水平线hr标签、特殊字符、列表标签)、图片img标签、HTML中的路径问题讨论(绝对路径和相对路径)、pre标签和p标签、超链接a标签、表格table标签、表单form标签(文本输入框text,密码输入框password,单选输入框radio,复选输入框checkbox,文本域
textarea
,文件上传项file,提交按钮submit,恢复按钮reset,普通按钮button,下拉输入框select,
隐藏
项hidden)、div和span标签、元标签meta、base标签、link标签、页面框架标签frameset。课程特色:所有内容均详细演示使用步骤和细节,全程手写代码,零基础都可轻松掌握!
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}
ASP
28,391
社区成员
357,059
社区内容
发帖
与我相关
我的任务
ASP
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
复制链接
扫一扫
分享
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章