텍스트 영역에서 모든 스타일 (테두리, 광선) 제거

Question

가능한 경우 텍스트 영역에서 스타일을 제거하고 테두리 나 광선없이 흰색으로 남기고 싶습니다. 난 여기에 다른 물건을 시도했지만, 아무것도 작동하지 않습니다 (FF와 크롬으로 시도).

그래서 가능합니까? 그렇다면 어떻게해야합니까?

지금까지 시도했습니다 무엇 :

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

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

*:focus { 
    outline: 0; 
} 

Answer 1

글로우 효과가 가장 가능성이 높습니다 상자에 의해 제어 됨 -그림자. Pavel이 말한 것을 추가하는 것 외에도 다른 브라우저 엔진에 box-shadow 속성을 추가 할 수 있습니다.

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

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

이 CSS의 우선 순위를 지정하려면! important를 추가하십시오.

Answer 2

이 시도 :

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

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

Answer 3

위와 같은 행운이 없으면 이드 또는 textarea.foo와 같은 스타일로 시도해보십시오. 또는 시도

Answer 4

당신이 모든 것을 제거하려면 중요!

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