gpt4 book ai didi

javascript - 尽管宽度为 :0;,但 Textarea 滚动条不会消失

转载 作者:太空宇宙 更新时间:2023-11-03 18:13:13 24 4
gpt4 key购买 nike

在Chrome中没有滚动条,但是在Firefox和IE中,虽然元素宽度为0,但它并没有消失:

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Textarea Scrollbar</title>
<style>
textarea {
height: 200px;
width: 0;
margin: 0;
border: 0;
padding: 0;
}
</style>
</head>

<body>
<textarea id="textarea">
Hello, world!
...
</textarea>
<input type="text" value="0" id="input" oninput="resize();">
<script>
function resize() {
document.getElementById('textarea').style.width = document.getElementById('input').value + 'px';
}
</script>
</body>

</html>


DEMO

这是什么原因?什么是跨浏览器解决方案,以便文本区域的行为类似于 Chrome?

最佳答案

在文本区域属性 ID 的 css 中尝试 overflow:hidden;

关于javascript - 尽管宽度为 :0;,但 Textarea 滚动条不会消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23297143/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com