Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html MSIE中按钮的非丑陋大小调整_Html_Css_Internet Explorer - Fatal编程技术网

Html MSIE中按钮的非丑陋大小调整

Html MSIE中按钮的非丑陋大小调整,html,css,internet-explorer,Html,Css,Internet Explorer,我试图在MSIE中重新调整两个按钮的大小,所以它们会特别大,但我得到了丑陋的别名 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>ugly button</title> <style> button { height:100px; margin:2em; width:450px;

我试图在MSIE中重新调整两个按钮的大小,所以它们会特别大,但我得到了丑陋的别名

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>ugly button</title>
    <style>
    button {
      height:100px;
      margin:2em;
      width:450px;
    }
    </style>
</head>
<body>
    <h2>ugly button</h2>
    <button id="ugly" onclick="alert('ugly');">click me</button>
</body>
</html>

丑陋的按钮
钮扣{
高度:100px;
边缘:2米;
宽度:450px;
}
丑陋的按钮
点击我
当然,它在我尝试的其他浏览器中看起来都不错:

有没有一种方法可以让大按钮不出现这种不需要的外观


更新:重要注意:本例中我没有使用图像。这只是将CSS应用于MSIE中的本机“按钮”元素。

这是因为Internet Explorer只是将像素作为一个正方形展开,而不是像模拟矢量图像一样模拟像素。老实说,在浏览器中放大图片是一种不好的做法,你实际上只需要将它们缩小,因为放大的版本看起来太可怕了。如果需要更大的按钮,则应将其保存得更大

就我个人而言,我希望所有浏览器都能实现这种图像大小调整技术。我认为它看起来好多了,并且显示了正在使用的真实图像。据我所知,除了重做图像使其变大,这样您就不需要调整它们的大小之外,没有其他解决方法

编辑:使用按钮不应该产生这种效果,至少在IE中不会。我尝试使用了一个input type=按钮和一个按钮,这两个按钮对我来说都显示得非常好,没有奇怪的别名问题。您对它们应用了哪些其他样式?

CSS按钮


您是否尝试定义边界?边框:#336699 1px实心;定义边框消除了按钮上的问题,但它去掉了漂亮的“圆角”,我用一个HTML文件的全部内容更新了帖子,该文件在MSIE 7 win XP上重现了这个问题。修改HTML是为了避免尖括号问题,但在其他方面是相同的