Question

我有<input type="text" placeholder="Name*">等表单字段。然后我将CSS应用于占位符，因此它是灰色的。但是，我想将星号（*）更改为红色。我如何使用jQuery或Javascript定位属性中的那个字符？

Answer 1

在这里，你为我工作

<!DOCTYPE html>

    <head>
      <meta charset="utf-8">
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">


      <style>
      input::-webkit-input-placeholder:after {
         content: '*'; color: red;
      }
      </style>
    </head>
    <body>
      <input type="text" placeholder="Name"></input>

    <script>

    </script>

    </body>
    </html>

Answer 2

因此，CSS只有::first-letter和不 ::last-letter样式...要使::first-letter适用于最后一个字母，您可以通过更改文字的方向如此：

::-webkit-input-placeholder {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: left;
}
::-webkit-input-placeholder::first-letter { /* WebKit browsers */
    color: red;
}

这个问题是您需要撤消占位符属性，并且您不能使用星号，因为它被认为是功能性的。但是你可以使用unicode字符：）...

<input type="text" placeholder="★ emaN">

这里是JSFiddle：http://jsfiddle.net/988aejrg/1/

jQuery - 在表单字段占位符属性中定位特定字母

2 个答案: