CSS 模拟点击事件——css 模拟聚焦事件——css 向下的角标显示

Posted 勇敢*牛牛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 模拟点击事件——css 模拟聚焦事件——css 向下的角标显示相关的知识,希望对你有一定的参考价值。

CSS 模拟点击事件

.modify:active div
  color: red;

.singout:active div
  color: red;

css 模拟聚焦事件

&:focus-within  //激活样式
  border: 1px solid #d57da7;

&:focus-within .icno_usename  //激活样式
  background: url("../images/use_active.png") no-repeat;
  background-size: 100% 100%;

css 向下的角标显示

.to_bottom 
   position: absolute;
   top:90px;
   left: 45px;
   width: 0;
   height: 0;
   border-top: 10px solid #FFFFFF;;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
 

以上是关于CSS 模拟点击事件——css 模拟聚焦事件——css 向下的角标显示的主要内容,如果未能解决你的问题,请参考以下文章

CSS 模拟点击事件——css 模拟聚焦事件——css 向下的角标显示——flex布局

CSS伪类选择器active模拟JavaScript点击事件

移动端-模拟手势事件

js获取鼠标点击事件的相对位置

第十五篇 JS 移入移出事件 模拟一个二级菜单

Android : 模拟点击performClick()/模拟长按performLongClick()/模拟onTouch事件