Html 是否删除文本区域和输入字段周围的边框?

Html 是否删除文本区域和输入字段周围的边框?,html,css,Html,Css,我有以下问题-我的文本区域和输入字段是半透明的,但我不能完全删除它们周围的边框。我试着制作透明边框或指定border:none但它们不会消失(参见下图) 有人知道一个好办法吗 谢谢大家! 首先,确保边框确实应用于textarea、input元素,而不是其他元素(如其父元素) 然后,确保边框样式未应用于!重要信息在文本区域的css文件中,输入元素 最后 $('textarea, input').css('border', 'none !important'); 你为什么要用javascript

我有以下问题-我的文本区域和输入字段是半透明的,但我不能完全删除它们周围的边框。我试着制作透明边框或指定
border:none但它们不会消失(参见下图)

有人知道一个好办法吗

谢谢大家!


首先,确保边框确实应用于textarea、input元素,而不是其他元素(如其父元素)

然后,确保边框样式未应用于
!重要信息
在文本区域的css文件中,输入元素

最后

$('textarea, input').css('border', 'none !important');

你为什么要用javascript

试试这个:

// No border
border-width: 0;

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

// No outline (ex: blue shadow on Mac OsX on focus)  
outline: 0;
textarea {
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
试试这个:

// No border
border-width: 0;

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

// No outline (ex: blue shadow on Mac OsX on focus)  
outline: 0;
textarea {
    border: none;
    overflow: auto;
    outline: none;

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

如果您有一个具有特定规则的类,则可以使用:

$("#idTextarea").addClass("classYouNeed");
如果您只需要删除边框

$("#idTextarea").css('border', 'none');
即使您只想使用JavaScript:

document.getElementById("#idTextarea").style.borderStyle = "none";

也许有点笨手笨脚,但与其“删除”边框,为什么不简单地将它们的颜色指定为与背景颜色相同?

它可以是
边框
…也可以是
框影
…向我们展示您的代码(jsfiddle)也可以是
大纲
或同时显示所有内容,看我的回答,我删除了所有相关属性。因为可能有些人有一些问题!重要的。但这是一个黑客对黑客的攻击/更好的做法是使用CSS类而不是使用JS。为什么要重置溢出?删除由于滚动条而提供的边框突出显示。所有这些javascript都是用来做CSS的^^^是的,我知道,但有时你需要在不接触CSS文件的情况下更改某些内容。当然,使用css更好,但这取决于你在应用程序中的权限