样式

小鱼儿 2021-07-24 21:58 382阅读 0赞

**1、子元素不继承父元素的透明度**

background:rgba(0,0,0,0.5) ，通过rgba的方式来设置透明度

**2、多行文本添加省略号**

display: -webkit-box !important;   //定义弹性盒子
      overflow: hidden; 
      text-overflow: ellipsis;   
      -webkit-box-orient: vertical;   //定义盒子垂直布局
      -webkit-line-clamp: 3;   //定义行数

**3、父元素设置了背景色,子元素margin的区域不显示父元素的背景色  
在父元素设置**

overflow:hidden;

**4、元素的宽高不是设定的宽高**

min-width=xxpx;
    max-width=xxpx;

**5、设置input标签的placeholder样式**

input::-webkit-input-placeholder{ /*Webkit browsers*/
      xxx
    }

**6、点击输入框,输入框边框变色,点击其他输入框消失**

使用伪类选择器
    	input:focus{ 
           border 1px solid mediumpurple
    	}

**7、控制输入框的光标位置**

input{ 
    		padding-left:xx
    	}

**8、单行文本添加省略号必须有的四个样式**

overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 8em;

**9、禁止用户选择**

-webkit-touch-callout: none;
    	-webkit-user-select: none;
    	-khtml-user-select: none;
    	-moz-user-select: none;
    	-ms-user-select: none;
    	user-select: none;

发表评论取消回复

表情：

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

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

相关阅读

相关 CSS三种样式表：行内样式表、内部样式表、外部样式表

目录一、CSS三种样式表 1、内部样式表 2、行内式（内联样式） 3、外部样式表（外链式）二、三种样式表的对比三、CSS样式表规则 ------------

快来打我*/ 2022年11月17日 05:52/ 0 赞/ 206 阅读

相关 android actionbar menu菜单样式,ActionBar 样式详解 -- 样式主题简介

(2) AppTheme 定义 style.xml 文件: 该文件定义了AppTheme主题; \--代码示例: \--代码解析: AppTheme 主题继承了 AppB

╰+哭是因爲堅強的太久メ/ 2022年10月14日 00:46/ 0 赞/ 227 阅读

相关样式

![1190185-20190514164839767-1470397892.png][] 没有使用vue的时候，写法： ![1190185-201905141649

深碍√TFBOYSˉ_/ 2022年10月02日 14:56/ 0 赞/ 95 阅读

相关通过样式修改鼠标指针样式

<td οnmοuseοver="this.style.cursor='hand'" οnmοuseοut="this.style.cursor='normal'"

野性酷女/ 2022年06月17日 08:23/ 0 赞/ 281 阅读

相关 CSS-样式重置+公共样式

最近更新时间：2017年7月6日11:01:29 [《我的博客地图》][Link 1] 作为前端工程师，需要不断的去总结和积累有共性的代码，这对于开发来说事半

谁践踏了优雅/ 2022年06月13日 11:40/ 0 赞/ 299 阅读

相关 textarea样式

效果图： ![2018030214351489][] 代码： <textarea style="border:0;border-radius:5p

骑猪看日落/ 2022年05月30日 02:37/ 0 赞/ 264 阅读

相关表格样式

<style type="text/css"> table.datalist \{ border-collapse: collapse; border: non

红太狼/ 2022年04月14日 01:46/ 0 赞/ 320 阅读

相关基本样式

总结：a标签的几种样式：1、link鼠标未访问时的样式 2、visited鼠标访问后的样式。 3、hover鼠标经过时的样式。 4、active鼠标点击后但没有松开

雨点打透心脏的1/2处/ 2021年11月22日 08:06/ 0 赞/ 240 阅读

相关样式

1、子元素不继承父元素的透明度 background:rgba(0,0,0,0.5) ，通过rgba的方式来设置透明度 2、多行文本添加省略号 displ

小鱼儿/ 2021年07月24日 21:58/ 0 赞/ 383 阅读

相关 rn 样式

组件：如<View style={ {对象样式键值对}}></View> react-native样式与原生区别: (1)子元素

Love The Way You Lie/ 2021年07月24日 19:32/ 0 赞/ 582 阅读