代码之家 › 专栏 › 技术社区 › dreftymac

MSIE中按钮的非难看大小调整

internet-explorer css html

dreftymac · 技术社区 · 16 年前

我试图在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>

当然,在我尝试过的所有其他浏览器中,它看起来都很不错:

http://img535.imageshack.us/img535/2416/buttonugly001a.png alt text http://img535.imageshack.us/img535/2416/buttonugly001a.png

有没有办法让大按钮没有这种不必要的外观?

更新: 重要的是我是不在本例中使用图像。这只是css对msie中的原生“button”元素的应用。

2 回复 | 直到 14 年前

animuson 16 年前

这是因为internet explorer只是获取像素并将其扩展为一个正方形,而不是试图模仿像素,就像它是一个矢量图像。老实说,在浏览器中调整图像的大小是不好的做法,你只需要调整图像的大小,因为较大的版本看起来太可怕了。如果你需要更大的按钮,你应该把它们保存得更大。

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

编辑: 使用按钮不应该产生这种效果,至少在IE中不会。我尝试使用输入类型=按钮和按钮,两者都显示得很好,没有奇怪的别名问题。你还用其他什么款式?

Cheeso 16 年前

CSS按钮?

http://cssbutton.com/forms/

推荐文章

Hala · 有没有什么方法可以将CSS属性设置为其他不兼容浏览器的属性的备用项?

4 年前

Error 1004 · 使用VBA从HTML中提取信息

8 年前

myroslav · IE11中Angular 4应用程序崩溃

8 年前

L Y E S - C H I O U K H Dumitru Boaghi · 在IE9/Angular 5/TypeScript上使用FormData,无需Ajax或jQuery

8 年前

Dhananjay C · Internet Explorer-表格上的CSS框阴影不适用于IE浏览器

8 年前

jacob · 当操作url为跨原点时,Microsoft浏览器不会将表单发布到iframe

8 年前

Athar K · 工具提示悬停上的过渡在IE上不起作用,在Google Chrome上效果很好

8 年前

adrien54 · 使用BlendColor过滤器的IE上的透明度问题

8 年前

Kathryn Crawford · ul元素上的伪元素在IE11中不起作用

8 年前

sankar · IE不显示abbr标记的边框底部

8 年前