Wistain 2022-03-28 15:37 采纳率: 78%
浏览 61
已结题

请问如何用html和css实现如图功能？

img


抽取题目中点击上下按钮如何实现文本框中文字加1减1？其他部分已经使用盒子设置好样式了。

  • 写回答

2条回答 默认 最新

  • sky-coder 2022-03-28 15:59
    关注
    <!DOCTYPE html>
<html>
    <head>
        <style>
            body{
                background: #FFFFFF;
            }
            .list{
                border-bottom: solid #999999 1px;
            }
            .list .tip{
                color: #807B7B;
            }
            .list .right{
                float: right;
            }
            .list .right .input{
                width: 50px;
            }
            .clear{
                clear: both;
            }
        </style>
    </head>
    <body>
        <div class="list">
          <p>
            <span>选择题</span>
            <span class="tip">（123123道试题）</span>
          </p>
          <p class="right">
            抽选 <input type="number" class="input"> 道题目
          </p>
          <div class="clear"></div>
        </div>
        
        <div class="list">
          <p>
            <span>选择题</span>
            <span class="tip">（123123道试题）</span>
          </p>
          <p class="right">
            抽选 <input type="number" class="input"> 道题目
          </p>
          <div class="clear"></div>
        </div>
        
        <div class="list">
          <p>
            <span>选择题</span>
            <span class="tip">（123123道试题）</span>
          </p>
          <p class="right">
            抽选 <input type="number" class="input"> 道题目
          </p>
          <div class="clear"></div>
        </div>
    </body>
</html>

    上面代码执行样子为（剩下自己调整一下样式就行了）：

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 4月6日
  • 已采纳回答 3月29日
  • 创建了问题 3月28日

悬赏问题

  • ¥15 linux驱动，linux应用，多线程
  • ¥20 我要一个分身加定位两个功能的安卓app
  • ¥15 基于FOC驱动器，如何实现卡丁车下坡无阻力的遛坡的效果
  • ¥15 IAR程序莫名变量多重定义
  • ¥15 (标签-UDP|关键词-client)
  • ¥15 关于库卡officelite无法与虚拟机通讯的问题
  • ¥15 目标检测项目无法读取视频
  • ¥15 GEO datasets中基因芯片数据仅仅提供了normalized signal如何进行差异分析
  • ¥100 求采集电商背景音乐的方法
  • ¥15 数学建模竞赛求指导帮助