如何将每个句子设置为不同于一个占位符

Question

我正在设置占位符，我使用..

::-webkit-input-placeholder{
font-family: 'Source Sans Pro', sans-serif;
color: #535252!important;
font-size: 18px;
position: relative;
bottom: 03px;
font-weight: 600;
}

但这是一种风格，如何在一个地方使用多种风格Holder，如图所示

Answer 1

看起来它更复杂（不仅仅是输入元素）。像这样：

<div class="wrapper">
    <label class="prefix">
        Prefix:
    </label>
    <input type="text" placeholder="placeholder" />
</div>

和css：

div.wrapper {
border: 1px solid blue;
width: 300px;
padding: 4px;
}

div.wrapper input {
border: 0 none;
background-color: transparent;
outline: none;
}

请参阅example