2011-06-14 34 views
37

我試圖刪除出現在右下角的textarea中的點。如何刪除textarea右下角的點? HTML

這裏是我的意思(在Chrome)的例子:
example

如何刪除這些對角線?

+2

可能複製[如何禁用TextArea的可調整大小的屬性?](http://stackoverflow.com/questions/5235142/how-to-disable-resizable-property-of-textarea) – RoToRa 2013-04-29 10:34:32

回答

65

只需添加您的CSS文件

textarea {resize: none} 
+0

大家都知道,resize是一個CSS 3功能,並且全面支持IE Firefox或Chrome。 – Sam 2012-12-04 18:14:51

+0

該代碼適用於我,我正在使用Chrome – TAAPSogeking 2014-06-02 22:39:17

+0

它的工作對我來說 – core114 2017-10-16 09:17:28

0

HTML

青菜

textarea { 
    position: relative; 
    z-index: 1; 
    min-width: 1141px; 
    min-height: 58px; 
} 

.resizer { 
    position: relative; 
    display: inline-block; 
    &:after { 
    content: ""; 
    border-top: 8px solid #1c87c7; 
    border-left: 8px solid transparent; 
    border-right: 8px solid transparent; 
    -webkit-transform: rotate(-45deg); 
    z-index: 1; 
    opacity: 0.5; 
    position: absolute; 
    bottom: 1px; 
    right: -3px; 
    pointer-events: none; 
    } 
} 
.arrow-resizer-textarea { 
    height: 0; 
    width: 0; 
    border-top: 8px solid #1c87c7; 
    border-left: 8px solid transparent; 
    border-right: 8px solid transparent; 
    -webkit-transform: rotate(-45deg); 
    position: absolute; 
    bottom: 1px; 
    right: -3px; 
    pointer-events: none; 
    z-index: 2; 
} 
+0

您可以添加對此代碼的解釋嗎? – brandaemon 2017-06-14 05:44:15