gpt4 book ai didi

html - 按钮可点击区域编辑

转载 作者:太空宇宙 更新时间:2023-11-03 22:34:34 25 4
gpt4 key购买 nike

如何禁用此按钮右半部分的可点击区域? Button

HTML

.button {
border-color: #000000;
border-width: 0 3px 3px 0;
width: 30px;
height: 30px;
background-color: rgba(0, 0, 0, 0);
transform: rotate(135deg);
}
<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="button.css">
</head>

<body>
<input class="button" type="button" />
</body>

</html>

最佳答案

你可以试试这个(我添加了边框和背景所以我们可以看到它只有一半):

.button {
border-color: #000000;
border-width: 0 3px 3px 0;
width: 30px;
height: 30px;
background-color: rgba(0, 0, 0, 0);
background:red; /* Remove this background */
transform: rotate(135deg);
cursor: pointer;
}

.but {
display: inline-block;
border: 1px solid #000; /* Remove this border later */
padding: 5px;
width: 12px;
overflow: hidden;
}
<span class="but">
<input class="button" type="button" />
</span>

关于html - 按钮可点击区域编辑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47096601/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com