边框颜色貌似没显示出来,能帮忙看看么。

来源:3-30 编程练习

Vigorous阿炎

2020-10-12 14:23:21

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>动态伪类</title>

        <style type="text/css">

            /*此处写代码*/

            

            p input:hover:empty{bolder:20px color="red"}

            .orange input:focus{background:orange;}

            .yellow input:focus{background-color:yellow;}

            

        </style>

    </head>

    <body>

        <!-- 此处写代码 -->

        <p class="orange">用户名:<input tpye="text"></p>

        <p class="yellow">密码:<input type="password" value="123">

    </body>

</html>


写回答

1回答

好帮手慕久久

2020-10-12

同学你好,边框颜色没有显示,是因为‘bolder:20px color="red"’这句代码写错了;另外,鼠标悬浮在输入框上的样式,写成input:hover就可以了。

整体调整如下:

http://img.mukewang.com/climg/5f8409d0092c643104680181.jpg

如果我的回答帮到了你,望采纳,祝学习愉快!

1

0 学习 · 15276 问题

查看课程