2011-06-14 11 views
37

Sağ alt köşede bulunan textarea'daki noktaları kaldırmaya çalışıyorum.
exampleTextarea'nın sağ alt köşesinde bulunan noktalar nasıl kaldırılır? HTML

Nasıl bu diyagonal çizgiler kaldırmak için:

İşte (Chrome) ne anlama geldiğini bir örnek?

+2

olası küstahlık [TextArea'nın yeniden boyutlandırılabilir özelliğini nasıl devre dışı bırakabilirim?] (http://stackoverflow.com/questions/5235142/how-to-disable-resizable-property-of-textarea) – RoToRa

cevap

65

Sadece CSS dosyasında eklemek

textarea {resize: none} 
+0

Çoğaltması Herkesin bilmesi için yeniden boyutlandırma CSS 3'tür özelliği ve IE Firefox veya Chrome tarafından tahtadan desteklenmiyor. – Sam

+0

Kod benim için çalışıyor ve Chrome kullanıyorum – TAAPSogeking

+0

Benim için çalışma – core114

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

Bu kodun ne yaptığıyla ilgili bir açıklama ekleyebilir misiniz? – brandaemon

İlgili konular