我似乎无法创建一个允许我将其用作关闭纸质对话框的选择器的纸质按钮。我感觉这是一个 CSS 问题,但我可能是错的。该按钮是在所有元素之后创建的,当您切换选项卡时,它实际上会将按钮重新创建到一个新的 div 中。下面是我的 CSS、对话框设置和 Dart 代码的代码。如果您需要我提供更多信息,请告诉我。
飞镖和标记:
PaperButton button;
button = new PaperButton();
button.label = "Close";
settingsDialog.children.add(button);
settingsDialog.autoCloseDisabled = true;
settingsDialog.closeSelector = "paper-button";
<paper-dialog id="properties" style='background-color:#fbfbfb; margin: 0 auto; border-style: double; border-color: #FEB33F; position:fixed;'>
<paper-tabs id="Tabs" noink="true" selected="{{page}}" style='width:250px; height:30px; color:#333333;'>
<paper-tab id="sTab">S</paper-tab>
<paper-tab id="uTab">U</paper-tab>
</paper-tabs>
<core-pages selected="{{page}}">
<div id="s">
<!--Page one -->
</div>
<div id="u">
<!--Page two -->
</div>
</core-pages>
</paper-dialog>
CSS:
paper-button
{
margin-top:7%;
float:right;
margin-bottom: -15px;
background-color:#f0f0f0;
border-top: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-left: 1px solid #f0f0f0;
width:65px;
height:45px;
position:fixed;
margin-left:25%;
}