DEV Community

Zachary Powell
Zachary Powell

Posted on

Quick Apps - A Button Implemented by the Input Element Does Not Respond When Tapped

After setting the type of the input element to button and setting the border-radius attribute, the button does not respond as expected (background color change) when it is tapped. If the border-radius attribute is deleted, the button works correctly again.

After setting the border-radius attribute, the tap effect cannot be automatically implemented due to limitations at the bottom layer of Quick App Engine

After setting the border-radius attribute, you can use a pseudo-class of the quick app to implement the button tap effect.

.button:active{
  background-color: green;
}
Enter fullscreen mode Exit fullscreen mode

So the full code now looks like

Top comments (0)