Question

所以我正在制作一个联系表格，我希望将一个人输入的内容设定为输入。我想改变它的font-family和font-size。

<input type="text" class="name" placeholder="Your Name"></input>

这就是我所拥有的CSS，但是我想改变价值（某人正在输入的内容）......

.name::-webkit-input-placeholder {
    color: white;
    font-family: 'Gloria Hallelujah', cursive;
    font-size: 25px;
}

Answer 1

占位符是已作为模板输入的文本，例如“在此输入名称”。

要设置占位符文字的样式，只需使用

即可

input { 
    font-family:Roboto;
    font-size: 20px;
    color: #fff;
}

您的班级名称也是name，而您的css中有naam

Answer 2

以下是如何设置用户输入的样式。我将颜色改为红色。

＆＃13;

.name:-webkit-input-placeholder {
  color: white;
  font-family: 'Gloria Hallelujah', cursive;
  font-size: 25px;
}

.name {
  color: red;
}

＆＃13;

<input type="text" class="name" placeholder="Your Name"></input>

＆＃13;

Answer 3

以下是包含input的不同表单元素的更完整样式。您可以根据需要添加，删除和播放值。

input:not([type]),
input[type=text],
input[type=email],
input[type=search],
input[type=password],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=time],
input[type=file],
input[type=url],
input[type=number] {
    transition: color .1s ease,border-color .1s ease;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    line-height: 1.2142em;
    padding: .67861429em 1em;
    font-size: 1em;
    background: #FFF;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem;
    box-shadow: 0 0 0 0 transparent inset;

    ::-webkit-input-placeholder {
        color: rgba(191, 191, 191, 0.87);
    }

    ::-moz-placeholder {
        color: rgba(191, 191, 191, 0.87);
    }

    :-ms-input-placeholder {
        color: rgba(191, 191, 191, 0.87);
    }
}

Answer 4

尝试使用*选择器，如下所示：

    #formID * {
       color: white;
       font-family: 'Gloria Hallelujah', cursive;
       font-size: 25px;
    }

样式输入的值CSS

4 个答案: