邊界半徑在opera中不工作-11.1

我正在使用html，css和javascript編寫應用程序。我已經將按鈕的邊框半徑設置爲具有圓角但在Opera瀏覽器中不起作用。但同樣我已經在Chrome中測試過了。請提供一些建議或幫助。這裏是demo 邊界半徑在opera中不工作-11.1

來源

2011-02-11 rashmi

什麼版本的Opera？我相信，自Opera 10.5以來，支持`border-radius`。在任何瀏覽器中打開以下鏈接以測試對此的支持。示例網站：http：//people.opera.com/zibin/border_radius_zibin.html示例網站應如何顯示的屏幕截圖版本：http://people.opera.com/zibin/border_radius_screenshot.html – nybbler 2011-02-11 05:39:22

@nybbler thanks for你的回覆。你有沒有看過這些網頁的頁面源，如果沒有請看看 – rashmi 2011-02-11 05:46:22

@rashmi，我認爲一些問題與你的CSS。您尚未將邊框樣式的所有必要元素都分配到您的按鈕元素上。嘗試將按鈕樣式更新爲按鈕{border：1px solid #fff; } – Dan 2011-02-11 05:49:13

不幸的是，border-radius css風格並沒有完全支持跨瀏覽器。 Opera是一款不提供支持的瀏覽器。

參見：http://www.westciv.com/iphonetests/

來源

2011-02-11 05:14:33 Dan

首先，你嘗試-o-border-radius？其次你嘗試一個普通的div？有時表單元素會拒絕某些樣式。否則它不支持（opera10沒有它）。

來源

2011-02-11 05:24:22 SpliFF

Border radius in Opera與其他與Opera相關的演示。

button { 
background:#000; 
color:#fff; 
border-radius: 15px; 
}

來源

2011-02-11 05:32:24 karlcow

在Opera中您可以使用此：

.className { 
    -o-border-radius: 3px; 
}

來源

2012-09-04 07:26:31 Vanndy

圓角或所有的瀏覽器要使用folloing方法

#divId{ 
    border-radius: 20px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -o-border-radius: 20px; 
}

它的工作對我來說很好。

來源

2012-12-01 06:42:48 user1972007

我遇到了同樣的問題，發現雖然在Opera中支持border-radius，但它並不適用於按鈕。
但我設法使其工作，並取得了幾乎相同的結果。這是我的解決方案。只需重新創建按鈕的行爲有以下方式：

button { 
    background-color: #ccc; 
    border-style: outset; 
    border-color: #eee; 
    border-radius: 6px; 
} 
button:hover, button:active, button:focus { 
    background-color: #ddd; 
} 
button:active { border-style: inset; }

的事情是，邊界半徑的作品，當你改變邊框樣式屬性。例如，當您使用border-radius時，Firefox的行爲看起來像是使用邊框樣式：開始時用於按鈕的正常行爲，而邊框樣式：插入，當單擊該按鈕時。
只有兩條額外的線使其在Opera中的工作方式與其他瀏覽器中的方式幾乎相同。

來源

2013-09-29 20:36:26 RunninglVlan

邊界半徑在opera中不工作-11.1

回答

相關問題