Xóa tất cả các kiểu chữ (đường viền, ánh sáng) khỏi textarea

Question

Tôi muốn xóa kiểu cách khỏi vùng văn bản và để tất cả màu trắng mà không có đường viền hoặc ánh sáng, nếu có thể. Tôi đã thử với các công cụ khác nhau được tìm thấy ở đây trên SO, nhưng không có gì hoạt động (đã thử với FF và Chrome).

Vì vậy, có thể thực hiện được không và nếu có thì làm cách nào?

Những gì tôi đã cố gắng cho đến nay:

textarea#story { 
    // other stuff 
    -moz-appearance:none; 
    outline:0px none transparent; 
} 

textarea:focus, input:focus{ 
    outline: 0; 
} 

*:focus { 
    outline: 0; 
} 

Answer 1

Các hiệu ứng ánh sáng là nhiều nhất có thể kiểm soát bởi hộp -bóng. Ngoài việc thêm những gì Pavel đã nói, bạn có thể thêm thuộc tính hộp bóng cho các công cụ trình duyệt khác nhau.

textarea { 
    border: none; 
    overflow: auto; 
    outline: none; 

    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
} 

Bạn cũng có thể thử thêm! Quan trọng để ưu tiên CSS này.

Answer 2

thử điều này:

textarea { 
     border-style: none; 
     border-color: Transparent; 
     overflow: auto; 
     outline: none; 
     } 

jsbin: http://jsbin.com/orozon/2/

Answer 3

nếu không có may mắn ở trên hãy thử nó một lớp hoặc thậm chí id một cái gì đó như textarea.foo và sau đó phong cách của bạn. hoặc cố gắng quan trọng

Answer 4

Nếu bạn muốn loại bỏ tất cả mọi thứ:

textarea { 
    border: none; 
    background-color: transparent; 
    resize: none; 
    outline: none; 
}