텍스트 영역에서 모든 스타일 (테두리, 글로우) 제거

텍스트 영역에서 모든 스타일 (테두리, 글로우) 제거

---

텍스트 영역에서 스타일링을 제거하고 가능하면 테두리 나 빛이없는 흰색으로 남겨두고 싶습니다. 나는 여기에서 찾은 다른 것들로 시도했지만 아무것도 작동하지 않습니다 (FF 및 Chrome으로 시도).

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

내가 지금까지 시도한 것 :

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

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

*:focus {
    outline: 0;
}

---

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

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

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

    resize: none; /*remove the resize handle on the bottom right*/
}

이 CSS의 우선 순위를 지정하기 위해! important를 추가 할 수도 있습니다.

---

모든 것을 제거하려면 :

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

---

이 시도:

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

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

---

위의 행운이 없다면 textarea.foo와 같은 클래스 또는 id를 시도한 다음 스타일을 시도하십시오. 또는 시도! 중요

참조 URL : https://stackoverflow.com/questions/17109702/remove-all-stylings-border-glow-from-textarea