html - 一种形式的多个按钮
问题描述
我有 3buttons
合一form
,我想更改button
s 的顺序 - 将最后一个显示为第一个。
我只是想自定义使用市场构建器 Sharetribe 制作的网站的外观。自定义选项有限,我只能添加自定义脚本。
这是列表页面上的网站和按钮。https://rentim.sharetribe.com/en/listings/841589-karl-plumber
<form id="booking-dates" action="/en/transactions/new?listing_id=841589" accept-charset="UTF-8" method="get" novalidate="novalidate">
<input name="utf8" type="hidden" value="✓">
<div class="quantity-wrapper input-group clearfix">
<div class="quantity-label-wrapper">
<label class="quantity-label" for="quantity">Number of hours:</label>
<input type="hidden" name="listing_id" id="listing_id" value="841589">
<button class="enabled-book-button">
<div class="content">Avaliablity and reservation</div> </button>
<button class="enabled-book-button">
<div class="content">Buy hourly work</div>
</button>
<button class="enabled-book-button">
<div class="content">Request</div></button>
</form>
解决方案
您可以尝试将两个按钮的位置设置为相对,然后移动元素:
请求按钮:
{
position: relative;
top: -132px;
}
可用性和预订按钮:
{
position: relative;
top: 103px;
}
或使用弹性!
#booking-dates { // form element
display: flex;
flex-direction: column;
}
.enabled-book-button { // request button
order: -1;
}
推荐阅读
- ansible - Rabbitmq 节点无法重新启动:rabbitmq-server.service 的作业失败,因为控制进程退出并出现错误代码
- perl - 将两列视为一列
- vim - 为什么按退出键会返回一个字符?
- python - 通过按钮在 Django 模板中运行 Python 脚本
- lua - 需要查找 .dll 文件而不是我的模块?
- java - 当我自定义 addCorsMappings() 时,Json 中的转换 java-object (dto) 期间存在中断转换日期
- android - 我刚刚安装了 android studio 并且模拟器不工作 3.6.2
- python - 硒python元素不可交互错误
- c++ - 这两个数组有什么区别
- android - 如何根据分隔符将字符串拆分为 2 个不同的变量?