zoukankan      html  css  js  c++  java
  • element 修改箭头和背景的CSS样式

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <!-- import CSS -->
      <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    </head>
    <style>
        .el-tooltip__popper[x-placement^=bottom] .popper__arrow{
          border-bottom-color: red;
        }
        .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
          border-bottom-color: red;
        }
        .test{
          background: red !important;
        }
    </style>
    
    <body>
      <div id="app">
        <el-tooltip content="Top center" placement="bottom" popper-class="test">
          <el-button>Dark</el-button>
        </el-tooltip>
      </div>
    </body>
    </html>
    

      引入相应的vue.js和element-ui/lib/index.js

  • 相关阅读:
    1-29反射
    1-28Map简介
    1-27TreeSet简介
    1-26HashSet简介
    1-25泛型
    1-24List三个子类的特点
    1-23集合概述
    Java接口
    1-22日期类型
    简易计算器的实现
  • 原文地址:https://www.cnblogs.com/fengxilee/p/12047686.html
Copyright © 2011-2022 走看看