我們在我們的網(wǎng)站中嵌入了 React 組件。有一些適用于我們的按鈕的基本樣式，它們來自用戶代理（例如焦點輪廓）和我們嵌入 React 組件的 HTML/CSS 環(huán)境。我們希望我們的 React 組件風(fēng)格獨立。由于我們也在小部件中使用我們的組件，因此我們無法真正控制外部環(huán)境。一種解決方案是渲染我們的基本 Button 元素，<div role="button" ...而不是實際的按鈕元素。是否有任何理由避免這種做法，例如瀏覽器支持、功能等？
2 回答
ITMISS
TA貢獻1871條經(jīng)驗 獲得超8個贊
不要這樣做。不。這是可訪問性地獄。<button>是互動的。<div>不是。這是最糟糕的做法。
正如您所評論的，焦點也不可用在 a 上<div role="button" ...>，它很好地融入了<button>.
鴻蒙傳說
TA貢獻1865條經(jīng)驗 獲得超7個贊
嘗試使用這個（您可以將其添加到您的reset.css）：
*:focus { outline-width: 0px !important; }這應(yīng)該完全消除任何可見的輪廓，無論元素的類名稱如何（或者如果它沒有類名稱）。
如果在某個時候您需要返回大綱，您可以將其直接添加到您的自定義類中。
- 2 回答
- 0 關(guān)注
- 136 瀏覽
添加回答
舉報
0/150
提交
取消