设置input输入框内占位文本的样式 ::placeholder选择器

迷南。 2023-10-02 18:54 10阅读 0赞

#### 如果你想设置输入框里面的占位文本的样式，可以通过::placeholder选择器来对其进行设置。 ####

#### ::placeholder选择器允许自定义占位文本的样式，但是在该选择器中只有小一部分CSS属性可以使用： ####

>  *  所有和字体有关的属性：font, font-kerning, font-style, font-variant, font-variant-numeric, font-variant-position, font-variant-east-asian (en-US), font-variant-caps, font-variant-alternates, font-variant-ligatures, font-synthesis, font-feature-settings, font-language-override, font-weight, font-size, font-size-adjust, font-stretch, and font-family
>  *  color
>  *  所有和背景有关的属性： background-color, background-clip, background-image, background-origin, background-position, background-repeat, background-size, background-attachment, and background-blend-mode
>  *  word-spacing, letter-spacing, text-decoration, text-transform, and line-height
>  *  text-shadow, text-decoration, text-decoration-color, text-decoration-line, text-decoration-style, and vertical-align.

.choose-content input::placeholder {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        color: #D8D8D8;
        letter-spacing: 0;
        font-weight: 400;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关文本输入框＜input＞

(1)创建文本输入框文本输入框是获取用户输入的一种方便的方法。 `<input>` 标签规定用户可输入数据的输入字段。根据不同的 type 属性，输入字段有多种

小咪咪/ 2024年03月29日 15:46/ 0 赞/ 138 阅读

相关设置input输入框内占位文本的样式 ::placeholder选择器

如果你想设置输入框里面的占位文本的样式，可以通过::placeholder选择器来对其进行设置。 ::placeholder选择器允许自定义占位文本的样式，但是在该选择

迷南。/ 2023年10月02日 18:54/ 0 赞/ 11 阅读

相关 input 的placeholder样式

当我们给部分 input 类型的设置 placeholder 属性的时候，有的时候需要修改其默认的样式。 input::-webkit-input-place

谁借莪１个温暖的怀抱￠/ 2023年07月18日 15:30/ 0 赞/ 19 阅读

相关 el-input输入框占位文本placeholder换行显示

代码如下： <el-input v-model="form.instructions" type="textarea" :autosize="{ minRows: 4

╰半夏微凉°/ 2023年01月22日 05:49/ 0 赞/ 2 阅读

相关输入框input 修改placeholder样式

::-webkit-input-placeholder { / WebKit, Blink, Edge / } :-moz-placeholder {

客官°小女子只卖身不卖艺/ 2022年12月18日 07:59/ 0 赞/ 205 阅读

相关修改输入框placeholder文字的样式

<table style="width:983px; background:none!important; border:0px!important; bottom:auto!

绝地灬酷狼/ 2022年06月10日 09:09/ 0 赞/ 302 阅读

相关设置input 中placeholder的样式

一、效果 ![在这里插入图片描述][70] 二、代码 <!DOCTYPE html> <html lang="en"> <head>

短命女/ 2022年05月09日 04:58/ 0 赞/ 298 阅读

相关修改input、textarea输入框placeholder样式

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

青旅半醒/ 2022年04月13日 14:54/ 0 赞/ 747 阅读

相关 input中placeholder的css样式设置

<template> <view> <input class="search" type="text" placeholder="请输入搜索内容" placeholder

刺骨的言语ヽ痛彻心扉/ 2022年01月31日 18:19/ 0 赞/ 329 阅读

相关 css - 设置input输入框的placeholder的颜色和字体等样式

兼容多个浏览器的写法： ::-webkit-input-placeholder { /Webkit browsers 谷歌/ color:

逃离我推掉我的手/ 2021年08月13日 11:12/ 0 赞/ 538 阅读