Html 如果文本变长，Safari按钮具有方形角_Html_Text_Button_Safari

Html 如果文本变长，Safari按钮具有方形角

html text button safari

Html 如果文本变长，Safari按钮具有方形角,html,text,button,safari,Html,Text,Button,Safari,上下文在Mac的Safari中我正在创建一个包含动态内容的HTML按钮。可以取消，也可以根据情况稍后再来。“最大宽度”属性被设置为100px，这样它就不会增长太长并弄乱布局。只要按钮文本较长，按钮就会失去圆角。我还发现，如果按钮的样式被CSS覆盖，则该按钮将丢失其默认样式。。。我只是需要按钮的行为，因为它是和容纳文本，而不失去圆角。有人能帮我吗提前谢谢新增代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

上下文在Mac的Safari中

我正在创建一个包含动态内容的HTML按钮。可以取消，也可以根据情况稍后再来。“最大宽度”属性被设置为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>

选项1：更新您的Safari。我将你的代码复制/粘贴到一个页面中，并在刚刚下载的Safari中打开，它有圆角。我还试着将最大宽度增加到300px，但它仍然可以工作，只是很好的圆角

选项2：使用HTML/CSS创建圆角按钮。为此，它允许您选择您的选项，然后下载HTML/CSS以获得您想要的确切按钮，而且它是免费的。当然，您可以自己调整选项，也可以手工编写，但是-如果您以前没有制作过圆角按钮，那么这是一个很好的起点。

将示例代码发布到目前为止，请粘贴代码。等待解决方案！答案张贴等待批准。