默认文本框边框样式和宽度

IE7和FFox默认情况下渲染文本框的方式略有不同.

这似乎可以通过设置border-style和border-width css属性来解决.

奇怪的是,似乎vstudios intellisense给出的所有选项中,没有一个匹配？

我发现的最接近的是

border-width:1px;
border-style:inset;

编辑:尝试设置文本框的样式,它们在各种浏览器中的呈现方式都不同.

根据Firebug,Firefox中文本框的默认样式是

border: 2px inset #EBE9ED;

这是Google在寻找此类事情时首先提出的问题/结果,所以我想我会提供我个人想要的答案.

答案是将样式设置为''或"";

如果这不清楚,我提供一个涉及javascript/jquery的例子,假设你在基本级别得到它.当然,盒子默认开始.假设有人点击该文本框,我假设我将代码更改为红色...

$("#phoneBox").focus(function(){
       document.getElementById('telephone').style.border = '1px solid red';
       }

这会将其设置为红色,有人点击该文本框.但是,现在让我们假设当有人点击该框时,我想将其恢复正常

$("#phoneBox").blur(function(){
       document.getElementById('telephone').style.border = '';
       }

该框将返回默认样式,因为它没有值.

在你的CSS中,只是

border:'';

或彻底,

border-style:'';
border-width:'';
border-color:'';

将在任何浏览器中呈现默认值.我希望这有意义/帮助别人.