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

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

internet-explorer css html

2

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 年前

1

2

animuson 16 年前

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

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

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

2

1

Cheeso 16 年前

CSS按钮?

http://cssbutton.com/forms/

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前

关于移动版

代码之家 - 一站式码农服务社区

沪ICP备11025650号