zoukankan      html  css  js  c++  java
  • ↗☻【css】outline

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            .box3 input {
                outline: none;
            }
            .box3 a {
                outline: none;
            }
            .box4 ::-moz-focus-inner {
                border-color: transparent;
            }
            .box4 :focus {
                outline: none;
            }
        </style>
    </head>
    <body>
        <div class="box1">
            <input type="button" value="焦点虚线框">
            <a href="#">焦点虚线框</a>
        </div>
        <div class="box2">
            <input type="button" value="焦点虚线框" hidefocus="true">
            <a href="#" hidefocus="true">焦点虚线框</a>
        </div>
        <div class="box3">
            <input type="button" value="焦点虚线框">
            <a href="#">焦点虚线框</a>
        </div>
        <div class="box4">
            <input type="button" value="焦点虚线框">
            <a href="#">焦点虚线框</a>
        </div>
        chrome 没有虚线框
        ie678,firefox 有虚线框
        hidefocus="true" 去除ie
        outline:none ie67无效 firefox input无效
        ::-moz-focus-inner{border-color:transparent} firefox input
    </body>
    </html>

    表单button的outline问题
    http://www.w3cplus.com/css/clear-outline-for-buttons

  • 相关阅读:
    线性回归问题
    聚类:层次聚类
    聚类:(K-means)算法
    神经网络算法
    AutoEventWireup解释
    asp.net中runat="server"的含义
    十步完全理解SQL
    sqlserver中分区函数 partition by的用法
    被忽略却很有用的html标签
    net中使用母版页
  • 原文地址:https://www.cnblogs.com/jzm17173/p/2576239.html
Copyright © 2011-2022 走看看