html滚动条 textarea属性设置

admin HTML/Xhtml 2022-02-05 00:46:34 textarea属性滚动条"

1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色）
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色
我们通过几个实例来讲解上述的样式属性：
1.让浏览器窗口永远都不出现滚动条
没有水平滚动条

复制代码代码如下:

没有垂直滚动条

复制代码代码如下:

没有滚动条

复制代码代码如下:
或

2.设定多行文本框的滚动条
没有水平滚动条

复制代码代码如下:

< /textarea> <br /><br />没有垂直滚动条 <br /><br><span style="CURSOR: pointer" class="copybut"><u>复制代码</u></span>代码如下: <br />< textarea style="overflow-y:hidden">< /textarea> <br /><br />没有滚动条 <br /><br><span style="CURSOR: pointer" class="copybut"><u>复制代码</u></span>代码如下: <br /><textarea style="overflow-x:hidden;overflow-y:hidden">< /textarea> <br />或< textarea style="overflow:hidden">< /textarea> <br /><br /><strong>3.设定窗口滚动条的颜色</strong> <br />设置窗口滚动条的颜色为红色<body style="scrollbar-base-color:red"> <br />scrollbar-base-color设定的是基本色，一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。 <br />加上一点特别的效果： <br /><br><span style="CURSOR: pointer" class="copybut"><u>复制代码</u></span>代码如下: <br /><body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon"> <br /><br /><strong>4.在样式表文件中定义好一个类，调用样式表</strong> <br /><br><span style="CURSOR: pointer" class="copybut"><u>复制代码</u></span>代码如下: <br /><style> <br />.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;} <br /></style> <br /><br />这样调用： <br /><br><span style="CURSOR: pointer" class="copybut"><u>复制代码</u></span>代码如下: <br /><textarea class="coolscrollbar">< /textarea> <br /><br />textarea颜色及边框设置： <br /><br><span style="CURSOR: pointer" class="copybut"><u>复制代码</u></span>代码如下: <br /><textarea style="border:red solid;border-width:1 1 1 1;color:#CCCCCC;">< /textarea> <br />
						
						
						<span id="art_bot" class="jbTestPos"></span> 
        </div>
        <div class="pagebar">  </div>
        <div class="pcd_ad"><script src=/d/js/acmsd/thea14.js></script></div>
        <div class="mbd_ad">
          <ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5850285417076520"
     data-ad-slot="9825815134"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
        </div>
        <div class="rights">
          <h5>版权声明</h5>
          <p>本文仅代表作者观点，不代表本站立场。<br>
            本文系作者授权发表，未经许可，不得转载。<br>本文地址：/web/HTML/71608.html</p>

<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_twi" data-cmd="twi" title="分享到Twitter"></a><a href="#" class="bds_linkedin" data-cmd="linkedin" title="分享到linkedin"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_evernotecn" data-cmd="evernotecn" title="分享到印象笔记"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{},"image":{"viewList":["fbook","twi","linkedin","qzone","tsina","douban","weixin","evernotecn"],"viewText":"分享到：","viewSize":"16"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js?v=89860593.js?'];</script>

</div>

<div class="r-pn-post">
               
<div class="shang"><a title="flash嵌入html 在html网页代码中嵌入Flash文件的解决方案(下)" href="/web/HTML/71607.html" rel="bookmark" class="prev_p"><span>上一篇 :</span> flash嵌入html 在html网页代码中嵌入Flash文件的解决方案(下) 
</a></div>
<div class="xia"><a href="/web/HTML/71609.html" rel="bookmark" class="next_p"><span>下一篇 :</span> 表格(TABLE)标记(TAGS)详细介绍</a></div>

<div class="clear"></div>
            </div>
      </div>
      <div class="related">
        <h4>相关文章</h4>
        <ul>
                </ul>
      </div>
      <div class="post_comments">
        <div id="comment">
<link href="/skin/ecmspl/css/pl.css" rel="stylesheet">
<div class="showpage" id="plpost">
<table width="100%" border="0" cellpadding="0" cellspacing="0"  style="line-height: 25px; padding: 5px 3px 1px 8px; font-size: 18px;">
<tr><td><strong><font color="#333333">留言与评论（共有 <span id="infocommentnumarea">0</span> 条评论）</font></strong></td></tr>
</table>
<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您没什么话要说吗？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script>
<form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">
<tr>
<td>
<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td>
<script src="/e/pl/loginjspl.php"></script>
<textarea name="saytext" rows="6" id="saytext" placeholder="请遵守互联网相关规定，不要发布广告和违法内容!">

验证码：

1000元配置

2000元配置

3000元配置

4000元配置

5000元配置

6000元配置

7000元配置

8000元配置

9000元配置

万元配置

i3配置

i5配置

i7配置

APU配置

R5配置

R7配置

游戏攻略

软件教程

Win10教程

Win7教程

Mac教程

Linux教程

U盘教程

Server教程

html滚动条 textarea属性设置

热门文章

最近发表

标签列表

| 桂ICP备2023010378号-4

Powered By EmpireCMS

html滚动条 textarea属性设置

热门文章

最近发表

标签列表

var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1cc50873f5e983e8073d99a425b87921"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); | 桂ICP备2023010378号-4

Powered By EmpireCMS

| 桂ICP备2023010378号-4