【问题标题】:CSS selectors not working on Rhomobile Studio for androidCSS 选择器在 Rhomobile Studio for android 上不起作用
【发布时间】:2014-03-08 06:15:33
【问题描述】:

我真的是在 rhodes 和 RhomobileStudio 工作的新手。来自 rails 背景,我熟悉 .css.scss 文件扩展名,我们可以在其中执行强大的 CSS3 代码。在 Rhomobile Studio 中,但是无法识别这些扩展名。 我正在 CSS 文件中尝试类似这样的基本内容:

    .some_class > input{
        do something....
     }

但是这些选择器没有被识别。有什么可能的解决方法吗?我们如何在 Rhomobile Studio 中使用媒体查询或任何其他 CSS 框架??

HTML

<div class= "row"> 
<div class = "span24"> 
<div class = "index_form_login_form"> 
<form class="form-inline"> <input type="text" class="input-small" placeholder="Email"> 
<input type="password" class="input-small" placeholder="Password"> 
<label class="checkbox"> 
<input type="checkbox"> Remember me </label>
<button type="submit" class="btn">Sign in</button> </form> 
</div>
</div> 
</div> 

我的 .CSS 文件中的问题:

    .index_form_login_form{
     background: #CCFFCC;
     margin: 67px 50px 20px 333px;
     width: 800px;
    height: 232px
   }|

上面的被执行,而下面的部分没有:

    .index_form_login_form input{
     margin-left: 50px;
     }

【问题讨论】:

  • 在 .some_class 中输入??
  • 是的。HTML如下:
  • 现在你需要选择哪个元素?
  • 请编辑您的问题,而不是将您的代码放入 cmets。

标签: css less rhomobile


【解决方案1】:

使用

如果需要获取选择输入

.some_class select{
        do something....
     }

如果您需要获取复选框输入

 .some_class input[type='checkbox'] {
          do something...
        }

如果您需要输入密码

.some_class input[type="password"]{
          do something...
        }

对于您的代码示例可能是

 .index_form_login_form input[type='password'] {
              background-color:Red;
            }

DEMO

【讨论】:

  • 试过了。没用。谢谢
  • @Rajarshi:我已经编辑了我的答案,请告诉你需要什么输入类型??
  • 我想要表单内的两个输入字段,我通过这样做得到它:$(".index_form_login_form input")。它在 chrome 控制台中显示必填字段。我的问题在别处.如果我想在项目的.css文件中使用上述选择器实现一个类块,它不会被执行。但是,使用像(.some_class或#some_ID)这样的单一选择器,它会被执行。我只是无法在我的 .css 文件中实现选择器之间的任何关系。这实际上是我的问题所在。谢谢。
  • 不起作用,如果我的原件不能正常工作,因为两者都描绘了关系,所以它不应该是。
  • 我说,你不能给css这样的.index_form_login_form输入
【解决方案2】:

在对问题进行大量检查后,我发现 IOS 模拟器能够识别 CSS 选择器,而对于 android,它不能。我尝试了许多这样的 CSS 块来确认,并且对于每种情况,android 构建似乎都显示这个问题。这是 rhomobile studio 中的一个持久性错误。欢迎任何有任何解决方法的人。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-25
    • 2017-06-04
    相关资源
    最近更新 更多