Видаліть усі стилі (облямівки, світіння) з текстової області

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

Отже, чи можливо це, і якщо так, то як це зробити?

Те, що я намагався до цього часу:

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

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

*:focus {
    outline: 0;
}

Ефектом світіння, швидше за все, керує box-shadow. На додаток до того, що додав те, що сказав Павло, ви можете додати властивість 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.

Якщо ви хочете видалити ВСЕ:

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, а потім ваш стиль. або спробуйте! важливе