input 输入框下划线

这里写图片描述


<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <title>Documenttitle>
        <style type="text/css">
            * {
                margin: 0px;
                padding: 0px;
            }

            input:focus {
                outline: none;
            }

            .input_text {
                outline: none;
                width: 500px;
                height: 30px;
                line-height: 30px;
                text-indent: 10px;
                font-size: 18px;
                border-color: red;
                border-style: solid;
                border-top-width: 0px;
                border-right-width: 0px;
                border-bottom-width: 1px;
                border-left-width: 0px;
                display: block;
                margin: 0 auto;
            }
        style>
        <script type="text/javascript">
        script>
    head>

    <body>
        <input name="carType" type="text" class="input_text" id="carType" />
    body>

html>

你可能感兴趣的:(web前端学习)