Question

是否有一种简单的方法可以禁用英特尔XDK提供的样式？具体来自af.ui.css。

样式会导致问题，尤其是在使用外部库时。做一些像jQuery Mobile＆＃39; data-role='none'

这样的事情会很好

e.g。我正在尝试使用CSS样式进行星级评分，用户可以通过触摸或点击星标来评价。这在普通的HTML JavaScript页面上工作正常但不知何故af.ui.css给出了一个宽度为60％的元素。这些是来自af.ui.css的行：

 #afui input[type="radio"] + label,
 #afui input[type="checkbox"] + label {
  display: inline-block;
  width: 60%;
  float: right;
  position: relative;
  text-align: left;
  padding: 10px 0 0 0;
}

这是它所采用的HTML：

<label for="Ans_1" class="star rb0l" onclick=""></label>

如果我在af.ui.css中注释宽度语句，它会混淆其他复选框。我尝试使用at style =＆＃34; width：..＆＃34;强制标签中的宽度。但那也不起作用。有什么建议吗？

Answer 1

如果没有更多的代码结构，很难确切知道可能出现的问题。

一般来说，如果你使用style =“width：...”，它应该覆盖afui.ui.css，除非你的内联样式和它们之后加载了css。您可以尝试使用CSS强制您的CSS样式'！important' .star { 宽度：20px！重要; } 在外部CSS文件中或在html文件中的样式标记中加载afui.ui.css文件之后。你甚至可以尝试style =“width：20px！important;”。有关此问题的更多信息：http://www.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/

一般情况下，我会使用图片或CSS来评价星级而不是复选框或单选按钮。这是一个很好的例子：http://css-tricks.com/star-ratings/

如果这对您有用，或者如果您可以包含屏幕截图或更多html结构，请告诉我，我可以尝试提供帮助。

您应该能够创建自己的ID，然后只要在加载afui.ui.css后应用样式，它应该保留应用程序框架样式，但只覆盖您的星形复选框。

html文件：

<head>
  <link rel="stylesheet" type="text/css" href="app_framework/2.1/css/af.ui.min.css">
</head>
<body>
  <label id="idname"></label>
</body>
<style>
#afui input[type="checkbox"] + label + #idname {
   width: 20px;
}
</style>

... OR

html文件：

<head>
  <link rel="stylesheet" type="text/css" href="app_framework/2.1/css/af.ui.min.css">
  <link rel="stylesheet" type="text/css" href="star.css">
</head>
<body>
  <label id="idname"></label>
</body>

star css文件：

#afui input[type="checkbox"] + label + #idname {
   width: 20px;
}

我可以抑制英特尔XDK为af.ui.css提供的样式吗？

1 个答案: