我想删除文本区域的样式,如果可能的话,将其全部保留为白色,没有任何边框或光晕.我试过在SO上找到不同的东西,但没有任何效果(在FF和Chrome上试过).

那么,这是可能的吗?如果可能,如何做到这一点呢?

在此处输入图像描述

What I've tried so far:

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*/
}

您也可以try 添加!重要信息,以确定此CSS的优先级.

Css相关问答推荐

如何在Elm中更改视图时添加过渡?

为什么我的CSS关键帧动画在循环之间稍微暂停?

VueJS3+Vutify中缺少一些CSS类

使用SVG以竖排书写模式创建渐变文本时,文本显示异常

根据现有值计算CSS变量的新值

当弯曲方向设置为列时如何制作等高卡片?

将重复的线性渐变锚定到元素的顶部

我可以拆分我的 CSS / SASS webpack 加载器规则,还是它们需要成为一个大规则?

使用 React JS 和自定义 CSS 创建 Cookie 横幅

循环一个 sass/scss 变量以生成 css 变量

使用 Webpack5 在 CSS 文件中内联字体和图像?

使用 React-Router 和 Outlet 时如何确保内容保持在下方

JavaFX TreeTableView Css for unfocused selected line

Flexbox 子高度它的内容

我怎样才能让这个边框出现在按钮元素的上方?

禁用输入的 CSS Select 器 type="submit"

flexbox 布局中的 Padding-bottom/top

根据背景 colored颜色 反转 CSS 字体 colored颜色

完成后如何防止css3动画重置?

为什么对 HTML 表单而不是表格使用定义列表(DL、DD、DT)标签?