如果文本長得更長，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按鈕有方形角

回答

相關問題