如何将样式属性以外的属性添加到css？

Question

我正在开发一个html / css / javascript程序，您可以解决程序生成的sudokus，就像在线拼图书一样。因此，如果<input />标签（准确地说是81），每个标签的唯一标识都有很多。但我还必须为我写的每个maxlength标记写<input />属性。

我想知道你是否可以用css来做这件事。你能在CSS中拥有其他样式属性（例如border或margin）的属性吗？如果是这样，你如何引用它们？我试图直接输入，但它似乎不存在。

我的示例输入标记：<input id="00" type="text" onclick="checkIfBold('00')" maxlength="1"/>

标签的CSS：

input {
    border: 0px solid #000;
    width: 100%;
    height: 100%;
    font-size: 200%;
    text-align: center;
}

我的目标是使用CSS设置maxlength元素的<input />属性。

请注意，我不只是询问这个特定的属性，我问如何在css中引用任何其他html属性（如果可能的话）？

Answer 1

你做不到。 CSS用于定义外观的方式。 maxlength定义输入的工作方式。 maxlength定义了功能。如果要为输入提供特定（可视）大小，请使用width CSS属性。

Answer 2

根据我上面的评论：

你不能用CSS做到这一点，但用jQuery做起来很简单......

$(document).ready(function() {
    $("input").attr('maxlength','1');
});

使用您希望maxlength的数字切换'1'，您也可以将'maxlength'切换为您要定位的任何其他属性。

Answer 3

CSS无法实现。你可以使用javascript / jQuery。

以下是jQuery的一个示例：

$('input[type="text"]').attr('maxlength', '1'); 

Answer 4

使用方括号在CSS中选择属性。请记住，你在这里没有太多的余地。基本上，你可以说：

[border]{
  /*styles for elements with a border*/
}

或

[border=1px solid black]{
  /*styles for elements with a border of EXACTLY 1px solid black, in that order*/
}

没有通配符或部分匹配。您可能会更具体地选择Javascript，或者更改样式以外的任何内容。