Question

我正在使用CSS来设置我的网页样式。我想将以下CSS应用于表单上的每个元素，而不必为每个元素单独设置。

我希望我能在这里使用某种外卡字符。

这是我想要创建全局的CSS：

.noSelect 
    {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        cursor: default;
        margin:0px;
        padding:0px;
    }

Answer 1

请参阅universal selector

Answer 2

是的，使用通用选择器

html * { ... }

Answer 3

您在表单中使用哪种标签？你可以尝试从这开始：

.noSelect, input, textarea, select, label
{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
    margin:0px;
    padding:0px;
}

Answer 4

您需要更改选择器。而不是.noSelect，你需要像：

#formID *
{
  /* your css */
}

如果你是通过jquery或其他东西动态做的，只需从root中添加/删除一个类：

#formID.inactive *

Answer 5

怎么样：

.noSelect * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  margin:0px;
  padding:0px;
}

使用以下表单代码：

<form class="noSelect">
  <!-- stuff here -->
</form>

不幸的是，disabled属性无法应用于表单（官方）。但也许最好做这样的事情

<form>
  <label for="i1">Label 1</label>
  <input type="text" id="i1" disabled>
  <label for="i2">Label 2</label>
  <input type="checkbox" value="1" id="i2" disabled>
  <!-- More inputs and stuff. -->
</form>

如果您正在使用jQuery，则可以在disabled块中应用<script>属性以及以下内容：

// pre jQuery 1.6 (eg 1.5.x, 1.4.x, 1.3.x, ...)
$('form :input').attr('disabled', true);
// jQuery 1.6+
$('form :input').prop('disabled', true);

将风格应用于“一切”

5 个答案: