Css 浏览器之间的输入和定位问题_Css

Css 浏览器之间的输入和定位问题

css

Css 浏览器之间的输入和定位问题,css,Css,我对css、FF3/IE7和Opera 10有问题我有一个输入[type=“submit”]和一个锚，我希望它们的样式相同。无论我尝试什么，唯一的逻辑浏览器似乎是Opera10（它使用相同的css对它们进行样式设置） FF似乎有不同的填充物（我需要将提交框的填充物缩小1px以适合，但这会使Opera 10变小），IE7离这太远了代码爱好者的代码： <form action="/login" method="post" id="loginform"> <fieldse

我对css、FF3/IE7和Opera 10有问题

我有一个输入[type=“submit”]和一个锚，我希望它们的样式相同。无论我尝试什么，唯一的逻辑浏览器似乎是Opera10（它使用相同的css对它们进行样式设置）

FF似乎有不同的填充物（我需要将提交框的填充物缩小1px以适合，但这会使Opera 10变小），IE7离这太远了

代码爱好者的代码：

<form action="/login" method="post" id="loginform">
    <fieldset>
        <input type="submit" value="Login" />
        <a href="/register">Register</a>
        <a href="/reminder">Lost Password?</a>
</fieldset>
</form>

任何解决浏览器之间对齐问题的帮助都是需要的，因为我需要支持所有三种浏览器（safari也是如此，但我认为如果我将这三种浏览器对齐，它也应该在那里工作）

提前非常感谢（p.s我现在要去吃午饭，很抱歉提前回复太慢，我会马上检查答案）

单独尝试一下。我建议使用reset.css文件强制所有浏览器将苹果视为苹果，然后相应地设置输入和元素的样式

有可能其他CSS规则也加入其中

有关重置文件，请参阅

我过去对IE和某些元素（特别是禁用的元素）的样式设置有过一些问题，以及IE在版本6和版本7之间处理这种样式的方式有何不同

以下DOCTYPE似乎在这些情况下有所帮助，但IE 6中的渲染可能不再像预期的那样工作：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Firefox的问题就是这样解决的

button::-moz-focus-inner { 
  border: 0;
  padding: 0;
}

这是一个有趣的好主意，大卫。我会马上阅读，幸运的是这不会重置按钮：（尝试向页面添加一个严格的DOCTYPE并在IE 7中加载它。怪癖模式可能会影响您的样式。某些东西在IE中的样式不太好…尤其是版本6。是否有一个地方可以使用所有这些命令？-moz-甚至是Opera/IE？嗯，对于Windows上的Firefox，请尝试在C:\Program Files\Mozilla Firefox\res中查找*.css。对于其他浏览rs和OS，试试谷歌搜索：）

button::-moz-focus-inner { 
  border: 0;
  padding: 0;
}