我正在使用JQuery-mobile爲我的按鈕實現彈出窗口。我的目標是消除popover背後的陰影。我怎樣才能做到這一點?從彈出窗口移除陰影
參考:http://api.jquerymobile.com/popup/#option-shadow
.ui-content {
shadow: false
}
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<div data-role="main" class="ui-content">
<a href="#myPop1" data-rel="popup" class="ui-btn ui-btn-inline">Click Me to display popup</a>
<a href="#myPop1" data-rel="popup" class="ui-btn ui-btn-inline">Click Me to display popup</a>
<a href="#myPop1" data-rel="popup" class="ui-btn ui-btn-inline">Click Me to display popup</a>
<a href="#myPop1" data-rel="popup" class="ui-btn ui-btn-inline">test</a>
<div data-role="popup" id="myPop1" class="ui-content" data-arrow="l,t">
<p>Awesome <strong>popup!</strong></p>
</div>
</div>
請加上'的.ui疊加陰影{ \t \t的box-shadow:無; \t}' –
啊,謝謝你的工作! – taji01