zoukankan      html  css  js  c++  java
  • chrome下float元素下input选中内容bug

    今天在写一个小demo的时候,发现chrome下一个很奇怪的bug。

    我的代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>chrome下float bug</title>
      <style>
    .clearfix{*zoom:1;}
    .clearfix:after{content:"";display:block;font:0/0 a;height:0;overflow:hidden;clear:both;}
    .fl{float:left;padding:10px;}
    .fl{}
      </style>
    </head>
    <body>
      <div class="clearfix">
        <div class="fl"><input type="text" value="123456778889123456778889123456778889"></div>
      </div>
    </body>
    </html>
    

    我点击输入框下面的某个地方,发现input里面的内容会被选中,效果如下:DEMO

    这个bug很奇怪,解决办法有两个:

    1、把外层div的float去掉。

    2、把.clearfix 里面的display:block;改成table。

  • 相关阅读:
    condition精准控制
    Juc(上)
    算法和空间复杂度分析
    ReentrantLock
    死锁
    互斥锁
    线程常用方法
    多线程售票与同步机制
    线程的7种状态
    selenium 自动刷司法课
  • 原文地址:https://www.cnblogs.com/ayseeing/p/4290663.html
Copyright © 2011-2022 走看看