如何覆盖vaadin元素的样式？

Question

我遇到一些样式vaadin元素的问题。我需要设置默认 vaadin-combo-box 元素的样式。

我的导入：

<link rel="import" href="../../../bower_components/vaadin-valo-theme/vaadin-combo-box.html">

它看起来像：

我的共享风格html：

<dom-module theme-for="vaadin-combo-box">
  <template>
    <style include="vaadin-combo-box-default-theme">
        [part="input-field"] {
          padding: 0;
        }
    </style>
  </template>
</dom-module>

我做错了什么？还有什么建议吗？

Answer 1

我猜你已经通读了https://github.com/vaadin/vaadin-themable-mixin/wiki/1.-Style-Scopes。

如果您选中https://vaadin.com/components/vaadin-combo-box/html-api/，您会发现组合框中不存在您定义的部分input-field。文档列表：

• text-field：文本字段
• 清除按钮：清除按钮
• 切换按钮：切换按钮

组合框使用的<vaadin-text-field>具有input-field部分。但是如果你想要设置那个样式，你需要为文本字段本身添加一个自定义样式。