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

默认情况下，IE7和FFox呈现文本框的方式似乎略有不同

这似乎可以通过设置边框样式和边框宽度css属性来解决

奇怪的是，在vstudios intellisense给我的所有选项中，似乎没有一个匹配

我找到的最接近的是

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

border:inset 2px #EBE9ED;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;

---

编辑：尝试设置文本框的样式时，它们在不同浏览器中的呈现方式都不同。

根据Firebug的说法，Firefox中文本框的默认样式是

border: 2px inset #EBE9ED;

---

也许你不会相信我，但我试着：

<input style="border:default">

它可以在Windows Internet Explorer 8、Firefox 3.6.22和Chrome 14.0.835中运行

---

我认为

也有效。关键是，如果使用了无效的边框样式，则输入框将返回其默认边框样式。

对不起，我错了。如果使用无效的边框样式，则输入框将忽略它，并且不会更改

我找到的最接近的是

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

border:inset 2px #EBE9ED;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;

---

但是它不同于3种浏览器中的默认样式这是谷歌在寻找这类东西时遇到的第一个问题/结果，所以我想我应该提供我个人想要的答案

答案是将样式设置为“”或“”

如果这还不清楚，我将提供一个涉及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:'';

---

将在任何浏览器中呈现默认值。我希望这是有意义的/对其他人有帮助。

首先，

边框

CSS属性是一个速记属性，用于设置一个或多个的单个边框属性值：

边框宽度

，

边框样式

，

边框颜色

边框样式

的初始值为

none

。这意味着，如果更改

边框宽度

和

边框颜色

，除非将此属性更改为

无

或

隐藏

以外的其他属性，否则将看不到边框

边框宽度

的初始值为

中等

，但规范没有精确定义其对应的宽度。例如，我的Safari浏览器当前显示的

medium

宽度为

3px

border color

的初始值为

currentColor

，该关键字表示元素颜色属性的计算值。它允许使颜色属性由默认情况下不继承它的属性或子元素属性继承

也就是说，请始终记住，如果您的默认值看起来不同，则可能会从其他一些声明计算某些属性，即用户代理声明、用户正常声明、作者正常声明、作者重要声明或用户重要声明。 当不同的属性应用于同一个元素时，更具体的选择器将覆盖其他选择器，当多个声明具有相同的权重、来源和特定性时，源顺序中的后者将获胜。导入的样式表中的声明被视为在样式表本身中的任何声明之前

TL；DR？

---

默认为

border:medium-none-currentColor但只要没有其他选择器或声明适用，这是有效的。
错误：问题是什么？你到底想做什么？Firebug告诉我它的1px插件#f0？对我不起作用（Firefox32）。Firefox保留了先前定义的输入样式，而不是恢复“默认”样式