聚合物1.0：我如何单独设置纸张下拉框的宽度？

纸张菜单项很好。我只需要更改选定/非选定值的宽度：聚合物1.0：我如何单独设置纸张下拉框的宽度？

我试过的造型像这样在纸张下拉菜单标签：

<paper-dropdown-menu 
id="districtDropdown" 
selected-item="{{selectedDistrict}}" 
selected-item-label="{{selected}}" 
label='&#65290;District' 
style="width:800px; 
display:inline-block;" 
noink no-animations>

，但我只能改变宽度到某一点（如上图），然后它不会变宽。

这里有一个独立的测试我都做了，这并没有改变纸张下拉列表的宽度：

<!DOCTYPE html> 

<html> 
<head> 

<title>test </title> 

<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> 

<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> 
<script src="ajax-form/ajax-form.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

<link rel="import" href="bower_components/polymer/polymer.html"> 
<link rel="import" href="bower_components/paper-dropdown-menu/paper-dropdown-menu.html"> 
<link rel="import" href="bower_components/paper-menu/paper-menu.html"> 
<link rel="import" href="bower_components/paper-item/paper-item.html"> 

<style is="custom-style"> 
    paper-dropdown-menu { 
    --paper-dropdown-menu: { 
     width: 800px; 
    } 
    } 
</style> 

</head> 

<body> 

<paper-dropdown-menu label="Your favourite pastry"> 
    <paper-menu class="dropdown-content"> 
    <paper-item>Croissant</paper-item> 
    <paper-item>Donut</paper-item> 
    <paper-item>Financier</paper-item> 
    <paper-item>Madeleine</paper-item> 
    </paper-menu> 
</paper-dropdown-menu> 

</body> 

</html>

来源

2015-12-02 VagueExplanation

检查paper-dropdown-menudocs，你应该使用--paper-dropdown-menu混入到样式。下面是用一个例子的fiddle，在这里您需要的混入的自定义CSS：

<style is="custom-style"> <!-- or just the <style> tag in a <dom-module>'s template --> 
    paper-dropdown-menu { 
    --paper-dropdown-menu: { 
     width: 800px; 
    } 
    } 
</style>

有关自定义CSS混入更多信息检查此docs。

来源

2015-12-03 00:16:55 Alan

请将小提琴中的相关部分粘贴到您的答案中。 – Maria

@Alan，你完全肯定你的例子是能够改变宽度为800px？我编辑了从300px到800px的值，我看不出有什么区别。请参阅我添加到我的问题的测试。 – VagueExplanation

@VagueExplanation您是否再次点击运行？我可以改变宽度800px或任何其他值，并看到这样的结果。 – Alan

聚合物1.0：我如何单独设置纸张下拉框的宽度？

回答

相关问题