我用下面的代碼實現了調整大小的功能。我需要在使用resize屬性時去掉那個角斜線,但是功能應該可以工作。我們能實現嗎?
div {
border: 2px solid;
padding: 20px;
width: 300px;
resize: horizontal;
overflow: auto;
}
<div>
<p>Let the user resize both the height and the width of this div element.</p>
<p>To resize: Click and drag the bottom right corner of this div element.</p>
</div>
::-WebKit-尺寸選擇器- MDN
不幸的是,Firefox和許多其他瀏覽器一樣,也不支持這一點,但目前它應該可以在所有其他現代瀏覽器中工作。
div {
border: 2px solid;
padding: 20px;
width: 300px;
resize: horizontal;
overflow: auto;
}
div::-webkit-resizer {
display: none;
}
<div>
<p>Let the user resize both the height and the width of this div element.</p>
<p>To resize: Click and drag the bottom right corner of this div element.</p>
</div>
上一篇vue不同環境打包