直接上代碼,感興趣的可以親測:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>僅顯示INPUT標簽的下邊框</title> </head> <body> <input>默認效果<br><hr> <input style="border-left-width:0px">設置左邊框寬度為0<br><hr> <input style="border-top-width:0px">設置上邊框寬度為0<br><hr> <input style="border-right-width:0px">設置右邊框寬度為0<br><hr> <input style="border-bottom-width:0px">設置下邊框寬度為0<br><hr> <input style="border-left-width:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0">設置四邊邊框的寬度全為0<br><hr> <input style="border-left-width:0px;border-top-width:0px;border-right-width:0px;border-bottom-color:black">設置左/上/右邊框的寬度為0,下邊框的顏色為黑色,這是我們想要的效果<br><hr> </body> </html>