添加特定浏览器语言的样式表

Question

考虑到浏览器语言，我正在尝试获取输入的特定样式。

<input type="text" runat="server" id="name" onchange="setNameValue" class="name" />

和css文件看起来像：

.name
{
   width: 120px;
}

我希望将这一行考虑为es-MX（西班牙语）语言，但不要影响其他地区。类似......但不起作用

 .name:lang("es-MX")
    {
      width: 120px;
      margin-right:6px;
    }

有人可以建议吗？

Answer 1

如何将lang属性设置为您要定位的元素：

<input type="text" runat="server" id="name" onchange="setNameValue" class="name" lang="es" />

您可以在本文底部https://developer.mozilla.org/en-US/docs/HTML/Controlling_spell_checking_in_HTML_forms

找到有关lang属性的更多信息

Answer 2

使用以下方法为我考虑用户浏览器语言添加了不同的样式类：

name:lang(de)
{
  width: 120px;
  margin-right:6px;
}

name:lang(en)
{
  width: 120px;
  margin-right:16px;
}

和<input type="text" runat="server" id="name" onchange="setNameValue" class="name" lang="es"/>