由Input元素实现的Button在被点击时不响应
由Input元素实现的Button在被点击时不响应
提问于 2021-08-31 09:33:06
在开发QuickApp时，在将输入元素的类型设置为按钮并设置边框半径属性后，当点击按钮时，按钮不会按预期响应(背景颜色更改)。如果边框半径属性被删除，该按钮将再次正常工作。
<template>
<div class="page-wrapper">
<input type="button" class="button" value="Animation" />
</div>
</template>
<script>
</script>
<style>
.page-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
}
.button {
color: #20a0ff;
background-color: red;
padding: 10px 20px;
border-radius: 40px;
}
</style>如何在快速应用程序按钮中使用边框半径CSS功能。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-08-31 09:33:06
设置边框半径属性后，由于Quick App Engine底层的限制，无法自动实现tap效果。
设置边框半径属性后，您可以使用快速应用的伪类来实现按钮点击效果。
.button:active{
background-color: green;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68996286
复制相关文章
相似问题
腾讯云开发者
