小编San*_*mar的帖子

使用Switch / Toggle CSS / javascript更改文本颜色

感谢您阅读此问题

  • 实际上,我正在尝试为学生和老师创建一个登录表单
  • 老师和学生之间有一个切换/切换按钮
  • 当开关切换到相应位置(老师/学生)时,我想更改文本的颜色(从绿色变成灰色)
  • 例如,如果我按下开关,并且切换球向右移动,则表示学生文本为灰色,而对面则相同

这是我的代码 index.html

.form-container{
            text-align: center;
            border-radius: 5px;
            background-color: #f6f6f6;
            padding: 30px 10px 30px 10px;
            margin: 0% 5% 0% 5%;
            font-family: 'Poppins', sans-serif;
            font-weight: 700;
            font-size: 30px;
            color: green;
            -webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.41);
            -moz-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.41);
            box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.41);
        }
        .input-design{
            margin: 0% 15% 0% 15%;
            margin-top: 50px;
        }
        .input-design input[type=text]{
            height: 50px;
            width: 100%;
            padding: 0px 0px 0px 10px;
            font-size: 20px;
            margin-bottom: 20px;
        }
        .input-design input[type=password]{
            height: …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

5
推荐指数
1
解决办法
597
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1