聚合物紙圖標項內鐵列表：焦點和開關

我剛剛更新到聚合物的最新版本，它似乎像paper-icon-item已改變的行爲。根據版本1.0.3的源文檔，現在paper-icon-item符合iron-control-state和iron-button-state行爲。聚合物紙圖標項內鐵列表：焦點和開關

我有兩個問題：當我以這些方式與它們交互時，我現在正在將「聚焦」和「按下」添加到我的元素中。這很好，但是，一個令人討厭的焦點邊框被添加到我的元素中，我無法弄清楚如何使用CSS對其進行設置。

當時我什麼時候在CSS棧可以訪問的焦點邊界？

我的另一個問題是，元素（它們在iron-list內）現在看起來永久處於切換模式，因此即使我沒有明確地設置切換行爲，單擊選定的項目也會取消選擇它。根據Polymer文檔，toggles行爲應該被設置爲false作爲默認值。

任何人都可以提供一些見解這些行爲？我需要這些單元格是非切換的，沒有焦點邊框。

來源

2015-09-30 Joel H.

您可以使用：focus或：active CSS屬性。鐵列表的演示使用這樣的：

.item:focus { 
    outline: 0; 
    border-color: #666; 
}

如果您使用的是paper-menu您可以使用這些混入：

--paper-menu-selected-item 
--paper-menu-focused-item

閱讀更多信息的文檔。

雖然您可能會發現那些煩人的，嘗試使用您的應用程序沒有鼠標，只有鍵盤。對於可訪問性，你可能不應該隱藏這些。

來源

2015-10-01 14:20:13

關於輔助功能的好處。不過，我仍然需要設置邊框的樣式來匹配我應用的顏色方案。謝謝！ –

任何洞察切換行爲？ –

如果您想禁用項目，使其不能在列表中單擊，請使用「disabled」屬性。不確定這是否適用於'iron-list'，但這就是'iron-menu-behavior'演示的工作原理。不過，您可以使用CSS來設置禁用項目的樣式。 https://elements.polymer-project.org/elements/iron-menu-behavior?view=demo:demo/index.html&active=Polymer.IronMenuBehavior –

是的，我在我的項目中遇到了同樣的問題。由於我更新了所有聚合物元素，我的自定義元素將不再顯示。我希望聚合物團隊很快解決這個問題...

來源

2015-09-30 20:49:30 Marius

聚合物紙圖標項內鐵列表：焦點和開關

回答

相關問題