2011-06-14 30 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