只有button有效果,其他没效果

qq_  焰朵。 CSS3 选择器详解(三) 最后由 jike_9617547 于2016年11月02日回复

  • 3 回答
  • 1.7k 浏览
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
input [type="text"]:hover{
background-color: #ff4a8e;
}
input [type="text"]:focus{
background-color: #ff4a8e;
}

input [type="button"]:hover{
background-color:darkblue;
}
input [type="checkbox"]:checked{
outline:solid 2px darkblue;
}
</style>
</head>
<body>
<input type="text" name="name"/>
<input type="text" name="age"/>
<
  • 极客学院_ASMITA 2015年09月08日 回答 #1楼
  • 你代码写的补全,把它复制到记事本,然后再全选后,复制到提问框,我再看看

  • 0 评论
  • qq_  焰朵。 2015年09月09日 回答 #2楼
  • <!DOCTYPE html>

    <html>

    <head lang="en">

        <meta charset="UTF-8">

        <title></title>

        <style>

            input [type="text"]:enabled{

                background-color: coral;

            }

            input [type="text"]:disabled{

                background-color:cadetblue;

            }

        </style>

    </head>

    <body>

    <script>

        function action(){

            var radio1=document.getElementById("radio1");

            var radio2=document.getElementById("radio2");

            var text=document.getElementById("text");

            if(radio1.checked){

                text.disabled="";

            }else{

                text.value="";

                text.disabled="disabled";

            }

        }

    </script>

    <input type="radio" id="radio1" name="radio" onchange="action()"/>可用

    <input type="radio" id="radio2" name="radio" onchange="action()"/>不可用

    <input type="text" id="text" disabled/>

    </body>

    </html>


    你看这个短 的,text的 不更改颜色

  • 0 评论