Удалите все стили (границы, свечение) из textarea

Я хочу удалить стили из текстового поля и оставить все белое без какой-либо границы или свечения, если это возможно. Я пробовал с различными материалами, найденными здесь на SO, но ничего не работает (пробовал с FF и Chrome).

Итак, возможно ли, и если да, то как это сделать?

enter image description here

Что я пробовал до сих пор:

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

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

*:focus {
    outline: 0;
}

Ответы

Ответ 1

Эффект свечения, скорее всего, контролируется коробкой-тенью. В дополнение к тому, что сказал Павел, вы можете добавить свойство 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.

Ответ 2

Если вы хотите удалить ВСЕ:

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

Ответ 3

попробуйте следующее:

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

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

Ответ 4

Если вам не повезло с этим, попробуйте класс или даже id что-то вроде    textarea.foo, а затем ваш стиль. или попробуйте! important

Ответ 5

также добавьте {-webkit-appearance:none;} для поддержки сафари