Question

我刚刚更新到最新版本的Polymer，似乎paper-icon-item的行为已经改变。根据1.0.3版的源文档，paper-icon-item现在符合iron-control-state和iron-button-state行为。

我有两个问题：每当我以这些方式与他们互动时，我现在正在“聚焦”和“按下”添加到我的元素中。这很好，但是，我的元素中添加了一个烦人的焦点边框，我无法弄清楚如何使用CSS来设置它。

我可以在CSS堆栈中的哪个位置访问焦点边框？

我的另一个问题是，元素（位于iron-list内）现在似乎永久处于切换模式，因此单击所选项目将取消选择它，即使我没有在任何地方明确设置切换行为。根据Polymer文档，toggles行为应设置为false作为默认值。

有人能对这些行为提供一些见解吗？我需要单元格不切换且没有焦点边框。

Answer 1

您可以使用：focus或：active CSS属性。铁列表的演示使用了这个：

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

如果您使用的是paper-menu，则可以使用这些混音：

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

阅读文档以获取更多信息。

虽然您可能会发现这些令人讨厌，但请尝试使用您的应用程序，而无需鼠标和键盘。对于可访问性，您可能不应该隐藏它们。

Answer 2

是的，我在项目中遇到了同样的问题。由于我更新了所有聚合物元素，我的自定义元素不再显示。我希望聚合物团队尽快解决这个问题......