Question

嗨我有代码，我在div中有两个按钮使用jquery mobile但是在按钮上放了一些样式而不是Style.Then如何使用jquery mobile实现它？

＆＃13;

.ui-block-b .ui-btn .ui-input-btn .ui-corner-all .ui-shadow {
    background:yellow;
}

＆＃13;

<div data-role="ui-grid-a">
  
  
<div>

＆＃13;

Answer 1

如果你有多个类的元素（关于有问题的评论），比如

<div class="ui-btn ui-input-btn ui-corner-all ui-shadow">

你需要设置样式，你有两个选择：

首先是将背景设置为其中一个类，例如

.ui-corner-all {background: yellow;}

第二个，如果你想只针对所有类的元素，正确的选择器是

.ui-btn.ui-input-btn.ui-corner-all.ui-shadow {background: yellow}

您的.ui-block-b .ui-btn .ui-input-btn .ui-corner-all .ui-shadow尝试在.ui-shadow .ui-corner-all .ui-input-btn中的.ui-btn中.ui-block-b尝试查找<div class="ui-block-b"> <div class="ui-btn"> <div class="ui-input-btn"> <div class="ui-corner-all"> <button class="ui-shadow"> </div> </div> </div> </div>，如下所示：

RECT r;
::GetWindowRect(hlist, &r);

RECT rc;
::GetClientRect(hparent, &rc);

POINT p { rc.right, 0 };
::ClientToScreen(hparent, &p);
int limit = p.x - r.right;

for (int i = 0; i < limit; i++)
{
    if (!(::GetWindowLong(hlist, GWL_STYLE) & WS_HSCROLL))
        break;

    r.right++;
    ::SetWindowPos(hlist, 0, 0, 0, r.right - r.left, r.bottom - r.top,
        SWP_NOREDRAW | SWP_NOMOVE | SWP_NOZORDER);
}

此HTML标记不存在。

Answer 2

您错误地编写了css代码。试试这个。

＆＃13;

.ui-block-b input[type="submit"]{
           background:yellow;
        }

＆＃13;

    <div data-role="ui-grid-a">

      <div class="ui-block-a" style="width:50%">
        <input type="button" id="Previous" value="Previous" onclick="window.location.href='%bind(:24)'" />
      </div>
      <div class="ui-block-b" style="width:50%">
    	<input type="Submit" id="Submit" value="Save and Next" />
      </div>
    <div>

＆＃13;

Answer 3

如果要将css提供给多个类，请使用,。

如果你想让css在div中输入，请使用>。

＆＃13;

.ui-block-b, .ui-btn, .ui-input-btn, .ui-corner-all, .ui-shadow{
       background:yellow;
    }

.ui-block-a > input{
  background:yellow;
  }

＆＃13;

<div data-role="ui-grid-a">

  <div class="ui-block-a" style="width:50%">
    <input type="button" id="Previous" value="Previous" onclick="window.location.href='%bind(:24)'" />
  </div>
  <div class="ui-block-b" style="width:50%">
	<input type="Submit" id="Submit" value="Save and Next" />
  </div>
<div>

＆＃13;

Answer 4

.ui-btn .ui-input-btn .ui-corner-all .ui-shadow这些类不存在。

按钮为什么不采用这种风格？

4 个答案: