A customized input text box in html/html5

后端 未结 2 917
不知归路
不知归路 2021-01-14 04:54

Actually, I want to implement a text box as shown in the figure:\"enter

I want that th

相关标签:
2条回答
  • 2021-01-14 05:09

    Set <input> border be only bottom side. Here is the demo, just like your picture shows.

    0 讨论(0)
  • 2021-01-14 05:15

    What have you tried so far? You pretty much answered your own question, make the input have a transparent background.

    input {
        border: 0;
        outline: 0;
        background: transparent;
        border-bottom: 2px solid black;
        width: 20px;
    }
    

    jsFiddle

    0 讨论(0)
提交回复
热议问题