Why is border set to 0 and there is still a border?

clipboard.png
Code:
< input name= "" type= "text" class= "Search_Box" / >

.search _ Box {

 border:0px;
 background:url(../img/Search_Box_03.png) no-repeat; 
 background-position:center; 
 width:225px; 
 padding-right:45px; 
 padding-left:15px; 
 height:50px; 
 color:-sharp666

}

Mar.04,2021

style added:

outline: none
The

outline-style attribute is used to style the entire outline of the element. The style cannot be none, or the outline will not appear.
outline (outline) is a line drawn around the element, located on the periphery of the edge of the border, and can play the role of highlighting the element. The outline property sets the outline around the element.
comment: always declare the outline-style property before the outline-color attribute. An element cannot change the color of its outline until it has obtained the outline.
Note: contours do not occupy space, nor are they necessarily rectangular.
default: none
set the outline style:
p
{
outline-style:dotted;
}
1, the browser supports
all major browsers support the outline-style attribute.
, Internet Explorer supports the outline-style attribute only if! DOCTYPE is specified.
2, attribute value
none: default. Defines no outline.
dotted: defines a dotted outline.
dashed: defines the outline of the dashed line.
solid: defines a solid outline.
double: defines a double line outline. The width of the double line is equal to the value of outline-width.
groove: defines the 3D groove profile. This effect depends on the outline-color value.
ridge: defines the 3D bump profile. This effect depends on the outline-color value.
inset: defines 3D concave edge contours. This effect depends on the outline-color value.
outset: defines a 3D convex outline. This effect depends on the outline-color value.
inherit: specifies that profile style settings should be inherited from the parent element.


https://jsfiddle.net/dw65mhsk/

Menu