聚合物纸图标项内铁列表：焦点和开关

我刚刚更新到聚合物的最新版本，它似乎像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

聚合物纸图标项内铁列表：焦点和开关

回答

相关问题