html textarea滚动条样式设置

最新推荐文章于 2024-08-07 15:22:42 发布

火乐暖阳85105

最新推荐文章于 2024-08-07 15:22:42 发布

阅读量1.1k

点赞数 2

文章标签：前端 html html5 css Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_47938715/article/details/128850864

版权

该文段描述了如何使用CSS来定制textarea的样式，包括宽度、resize属性、文本缩进和滚动条的外观。同时，提到了JavaScript中使用getElementById方法来改变textarea的边框颜色，将其设为3px宽的红色边框。

摘要由CSDN通过智能技术生成

#tablist .tabinfo_alter .info .info_li .text textarea{
    width: 100%;
    resize:none;
    vertical-align:top;
    border: none;
    text-indent: 20px;
    white-space: pre-line;
}
/*滚动条框设置*/
#tablist .tabinfo_alter .info .info_li .text textarea::-webkit-scrollbar{
    width: 2px;
    background-color: rgb(232,193,113);
}
/*滚动条设置*/
#tablist .tabinfo_alter .info .info_li .text textarea::-webkit-scrollbar-thumb{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #8d6900;
}

<div class="text">
    <textarea readonly="" rows="4">  在js标签内，使用getElementById方法通过id获得textarea对象，再将border属性设置为“3px solid red”，即设置为3px宽的红色边框。在js标签内，使用getElementById方法通过id获得textarea对象，再将border属性设置为“3px solid red”，即设置为3px宽的红色边框。在js标签内，使用getElementById方法通过id获得textarea对象，再将border属性设置为“3px solid red”，即设置为3px宽的红色边框。
    </textarea>
</div>