为什么按钮不采用样式？答案

【问题标题】：why the button is not taking the style?为什么按钮不采用样式？
【发布时间】：2015-06-04 07:11:51
【问题描述】：

您好，我有代码，其中我使用 jquery mobile 在 div 中有两个按钮，但是在按钮上放置了一些样式时它没有采用 Style。那么如何使用 jquery mobile 来实现呢？

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

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

【问题讨论】：

您的 CSS 与您的 HTML 不对应，您的代码中没有 .ui-shadow。
.ui-btn 在.ui-block-b 里面在哪里？？？？
你的按钮没有类，获取类的是
，而不是所以把你的类放在你的输入中
@kmsdev：真的吗？请忘记important。
我看错了代码。）

标签： jquery html css jquery-mobile

【解决方案1】：

如果您有多个类的元素（关于问题的 cmets），例如

<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-corner-all 中找到.ui-shadow 在.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>

此 HTML 标记不存在。

【讨论】：

@SnehasishDas：但在你的小提琴中没有.ui-input-btn 类。颜色浅是因为opacity: .1。
@SnehasishDas：尝试自己做一些事情。如何用第二个值覆盖一个值非常简单。

【解决方案2】：

你写错了css代码。试试这个。

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

    <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>

【讨论】：

其实我没有得到你到底想要什么。
是的，我在那个 sn-p 中做了。

【解决方案3】：

如果您想将 css 赋予多个类，请在两者之间使用 ,。

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

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

.ui-block-a > input{
  background:yellow;
  }

<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>

【讨论】：

【解决方案4】：

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

【讨论】：

只讲一个类就够了，不用全部写出来。如果您发布链接或工作示例会更好。
这没有提供问题的答案。要批评或要求作者澄清，请在其帖子下方发表评论。
@Nico，您可能想再次阅读问题和我的回答。