css - 如何覆盖 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：清除按钮
• 切换按钮：切换按钮

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