How to use HTML to format the appearance of a text box to show only the bottom horizontal line

HTML formats the text box appearance to show only the bottom horizontal line

<style>input[type= ' text ']{background:None;Border:None;Border-bottom:1px solid #ddd;}//All input box type is text. INP{background:None;Border:None;Border-bottom:1px solid #ddd;}</style><inputtype= "Number"value=""class= "INP"/>

Reference: https://zhidao.baidu.com/question/1242984244365752339.html

Set Picture Center

<meta name= "viewport" content= "width=device-width,initial-scale=1.0"/>
<style>        *{padding:0px;margin:0px;font-family:"Microsoft Jas Black";        }. Homeback{width:100%;Height:100%;position:fixed;Top:0px; Left:0px; Right:0px;Margin-left:Auto;Margin-right:Auto;Z-index:-1;        }. Div2{position:Absolute;                }@media screen and (max-width:1100px){ /*when the screen size is less than 1100px, apply the following CSS style*/. icontype {width:40%;Margin-top:20%;Margin-left:30%}. GroupType{width:50%;Margin-top:60%;Margin-left:25%}. Checktype{width:35%;Margin-top:90%;Margin-left:58%}. SearchType{width:30%;Margin-top:68%;Margin-left:33%}} @media screen and (min-width:1100px){ /*When the screen size is greater than 1100px, apply the following CSS style*/. icontype {width:30%;Margin-top:5%;Margin-left:35%}. GroupType{width:30%;Margin-top:25%;Margin-left:35%}. Checktype{width:20%;Margin-top:40%;Margin-left:58%}. SearchType{width:15%;Margin-top:32%;Margin-left:42%}}. Input2{Border:None;background:None;Border-bottom:Solid 1px #0c0c0c;        }    </style>

        <class= "Homeback"  src= ". /images/echeck/background copy. png "/>        <class=" Div2 Icontype "  src=". /images/echeck/icon.png "/>

How to use HTML to format the appearance of a text box to show only the bottom horizontal line