如何覆盖 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: 文本字段
clear-button: 清除按钮
toggle-button: 切换按钮

combo-box使用的<vaadin-text-field>有一个input-field部分。但是如果你想为它设置样式，则需要为 text-field 本身添加自定义样式。

如何覆盖 vaadin 元素的样式？

How to override style of vaadin element?

css

vaadin

polymer-2.x

vaadin10