Css Firefox中的Polymer 1.0样式_Css_Firefox_Polymer

Css Firefox中的Polymer 1.0样式

css firefox polymer

Css Firefox中的Polymer 1.0样式,css,firefox,polymer,Css,Firefox,Polymer,我通过创建一个简单的自定义元素（ui按钮）来使用Polymer 1.0 1. {{label}} 在Chrome中一切都很好，但在Firefox中，按钮没有样式。我猜问题出在外部样式表上，因为当我把CSS内联（样式标签）放进去时，它就工作了这是Polymer 1.0中的错误吗？我真的很想使用外部样式表…这在Chrome和Firefox中都适用。这是我的index.html文件： <!DOCTYPE html> <html> <head>

我通过创建一个简单的自定义元素（ui按钮）来使用Polymer 1.0


1.
{{label}}

在Chrome中一切都很好，但在Firefox中，按钮没有样式。我猜问题出在外部样式表上，因为当我把CSS内联（样式标签）放进去时，它就工作了

这是Polymer 1.0中的错误吗？

我真的很想使用外部样式表…

这在Chrome和Firefox中都适用。这是我的index.html文件：

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="/stylesheet.css">

    <script src="/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="/app/general/your-element.html">
  </head>

<body>
    <your-element></your-element>
</body>

</html>

而且，它的样式由您为

某个类定义的样式设置。请记住，我只制作了一层深度的元素（即没有子元素），但它似乎工作得很好。
说它目前是一个“实验特性”，所以我怀疑它是一个bug。或者，我会尝试将您的CSS放在一个带有
标记的单独文件中，并将其作为常规HTML导入，否type=“CSS”。是的，但我希望样式表包含在Webcomponent中。不在index.html中
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="/stylesheet.css">

    <script src="/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="/app/general/your-element.html">
  </head>

<body>
    <your-element></your-element>
</body>

</html>

<link rel="import" href="/bower_components/polymer/polymer.html">    
<dom-module id="your-element">

<template>
<span class="some_class_style">Hey, I'm stylish!</span>
</template>

<script>
Polymer({
  is: 'your-element',
  ...
});
</script>

</dom-module>