如何清除html按钮的轮廓 [英] how to remove outline of html button

问题描述

我在我的html页面上有按钮，当我点击该按钮，它显示外线到按钮如下图所示。

这里当我点击重置按钮，它显示我外面如上图。

Html代码：

 < input type =resetvalue =class =resetButton/> 
  

css代码：

  .resetButton 
 {
 margin：0px; 
 background：url（../ images / button / Reset2.png）no-repeat; 
 border：none; 
 width：90px; 
 height：32px; 
 cursor：pointer; 
} 
  

解决方案

使用：

  input [type =reset]：focus {
 outline：none; 
} 
  

或只是

  input：focus {
 outline：none; 
} 
  

如果不想要所有输入类型的大纲。 p>

I have button on my html page, when i click on that button it show me outer line to button shown as below image.

here when i click on reset button it show me outer as above image.

Html code:

< input type="reset" value="" class="resetButton" />

css code:

.resetButton
{
    margin: 0px;
    background:url(../images/button/Reset2.png) no-repeat;
    border: none; 
    width: 90px;
    height: 32px;
    cursor: pointer;
}

解决方案

Use this:

input[type="reset"]:focus{
    outline: none;   
}

or just

input:focus{
    outline: none;   
}

if you don't want that outline to all the input types.

这篇关于如何清除html按钮的轮廓的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！