css - 在 jquery mobile 中显示平面按钮

Question

我想在 jqm 中有一个平面样式的按钮。我尝试过如下，但底部仍然有一条细线。

.flat-btn,.flat-btn > .ui-btn-inner {
  border-top:0 !important;
  border-bottom:0 !important;
  border:0 !important;
  background:transparent !important;
  -webkit-border-radius:0 !important;
  border-radius:0 !important;
  text-shadow:0 !important
}

<a data-role="button" href="" class="flat-btn">text</a>

Answer 1

向按钮添加 data-shadow="false" 属性以消除阴影。

Demo

<a data-role="button" href="#" class="flat-btn" data-shadow="false">text</a>