当前位置: 首页 > news >正文

CSS 样式清单整理:文字超出部分显示省略号和设置placeholder的字体样式

  • 单行文本的溢出显示省略号(一定要有宽度)
 p{width:200rpx;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  • 多行文本溢出显示省略号
p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
  • 设置placeholder的字体样式
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: red;
}
input::-moz-placeholder { /* Firefox 19+ */color: red;
}
input:-ms-input-placeholder { /* IE 10+ */color: red;
}
input:-moz-placeholder { /* Firefox 18- */color: red;
}
http://www.lryc.cn/news/348292.html

相关文章:

  • Docker容器:Docker-Consul 的容器服务更新与发现
  • 容器化Jenkins远程发布java应用(方式二:自定义镜像仓库远程拉取构建)
  • 解密某游戏的数据加密
  • 【报错合集】完美解决“虚拟机使用的是此版本 VMware Workstation 不支持的硬件版本”
  • YOLOv8小白中的小白安装环境教程!没一个字废话,看一遍不踩坑!
  • C#正则表达式,提取信息使用
  • 【数据结构】详解队列
  • 大模型微调方法汇总
  • 探究NVMe SSD HMB应用场景与影响-<续>
  • YTU 3166 共享单车 DFS 记忆化搜索
  • RAG应用中的路由模式
  • 运维:SSH常用命令简介
  • Springboot+Vue项目-基于Java+MySQL的流浪动物管理系统(附源码+演示视频+LW)
  • 力扣刷题:四数相加Ⅱ
  • 如果通过Glide 设置图片圆角
  • Chatgpt学习技巧
  • [初学rust] 06_rust 元组
  • 基于 LlaMA 3 + LangGraph 在windows本地部署大模型 (四)
  • C++进阶:哈希(1)
  • 第三节课,功能2:开发后端用户的管理接口-- postman--debug测试
  • Docker-compsoe部署prysm-beacon-chain + geth服务(geth版本v1.14.0)
  • 前端人员如何理解进程和线程
  • Linux下网络命令
  • Php swoole和mqtt
  • Spring STOMP-连接到消息代理
  • Excel中的`MMULT`函数
  • 孩子多大可以接触python?学习python的好处
  • 四川汇昌联信:拼多多网点怎么开?大概需要多少钱?
  • ROS 2边学边练(43)-- 利用GTest写一个基本测试(C++)
  • 3.整数运算