如果文本长得更长，Safari按钮有方形角

上下文位于Mac的Safari中。如果文本长得更长，Safari按钮有方形角

我正在创建一个具有动态内容的HTML按钮。根据情况，它可以是“确定”，“取消”或“我以后会再来”。 max-width属性设置为100px，这样它不会变得太长并且弄乱布局。只要按钮文字较长，按钮就会失去圆角。我也发现，如果按钮的样式被CSS覆盖，那么按钮会丢失其默认样式...我只需要按钮按照原样运行，并且容纳文本而不会丢失圆角。谁能帮我？

在此先感谢！

添加的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>Button</title> 
<style> 
    button{max-width:150px;} 
</style> 
</head> 
<body> 
    <button id="test">Button has a long text to test its capacity</button> 
</body> 
</html>

来源

2011-05-10 johnmanoahs

发布您的示例代码到目前为止。 – Dave 2011-05-10 13:45:13

粘贴的代码。等待解决方案！ – johnmanoahs 2011-05-17 06:20:37

答复等待审批。 – Dave 2011-05-18 13:27:42

选项1：更新您的Safari浏览器。我将你的确切代码复制/粘贴到页面中，并在Safari中打开（刚刚下载），并且它有圆角。我也尝试将最大宽度增加到300px，并且它仍然能够很好地处理圆角和所有内容。

选项2：使用HTML/CSS创建带圆角的按钮。 THIS SITE is perfect为它 - 它可以让你选择你的选择，然后下载HTML/CSS的确切按钮（S）你想要的 - 它是免费的。当然，你可以自己调整选项，或者手工编写选项，但是 - 如果你以前没有做过圆形按钮，这是一个很好的起点。

来源

2011-05-17 13:50:15 Dave

如果文本长得更长，Safari按钮有方形角

回答

相关问题