【问题标题】:Transparent, borderless text input透明、无边界的文本输入
【发布时间】:2010-08-10 08:48:10
【问题描述】:

如何去除<input type="text"> 周围的边框并使其背景透明?

【问题讨论】:

    标签: html css


    【解决方案1】:
    border: none transparent;
    outline: none;
    

    这不仅会删除输入字段周围的边框,还会删除输入焦点时的橙色突出显示。

    【讨论】:

    • +1 outline:none 使边框消失,即使输入被聚焦。否则,border:none 是不够的。
    【解决方案2】:

    试试这个:

    border: none;
    border-color: transparent;
    

    【讨论】:

      【解决方案3】:

      像这样:

      input {
          border: none;
          background: transparent;
      }
      

      【讨论】:

        【解决方案4】:

        迟到总比没有好:

        input {border-style:none;}
        

        【讨论】:

        • 迟到总比不到好,是的,但这只是重复了两个现有答案(border: none;border-style: none; 的简写)。
        • @minitech 不是边框宽度、边框样式和边框颜色的简写吗?
        • 是的,border: none; 设置为 border-style: none;
        猜你喜欢
        • 2011-06-28
        • 1970-01-01
        • 2017-05-16
        • 2019-12-24
        • 1970-01-01
        • 1970-01-01
        • 2014-04-04
        • 2014-09-03
        • 1970-01-01
        相关资源
        最近更新 更多