---
title: "Why CSS button is not 'clickable'?"  
description: "Why CSS button is not 'clickable'?"  
author: "Revati S Misra"  
published: 2023-08-29  
updated: 2023-09-02  
canonical: https://www.mindstick.com/forum/159721/why-css-button-is-not-clickable  
category: "css-css3"  
tags: ["css", "css selector"]  
reading_time: 2 minutes  

---

# Why CSS button is not 'clickable'?

Why [CSS](https://www.mindstick.com/forum/514/background-gradient-ie7-css-problem) [button](https://www.mindstick.com/articles/63/how-to-add-button-in-datagridview-in-csharp-dot-net) is not 'clickable'?

## Replies

### Reply by Aryan Kumar

There can be a few reasons why a CSS button is not clickable. Here are some of the most common reasons:

- The button element does not have a `cursor: pointer` CSS property. This property tells the browser to render the button with a pointer cursor, which indicates that the button is clickable.
- The button element does not have an `onclick` event handler. This event handler is triggered when the button is clicked.
- The button element is disabled. The `disabled` attribute can be used to disable a button, so that it cannot be clicked.
- The button element is hidden. The `display: none` CSS property can be used to hide a button, so that it is not visible and cannot be clicked.

To troubleshoot why a CSS button is not clickable, you can use the following steps:

1. Check the `cursor` property of the button element. Make sure that it is set to `pointer`.
2. Check for an `onclick` event handler on the button element. If there is no `onclick` event handler, add one and attach a function to it that will be triggered when the button is clicked.
3. Check if the button element is disabled. If it is disabled, remove the `disabled` attribute from the element.
4. Check if the button element is hidden. If it is hidden, remove the `display: none` CSS property from the element.

If you have checked all of these things and the button is still not clickable, then there may be a more complex issue with the code. In this case, you can try debugging the code to find the problem.


---

Original Source: https://www.mindstick.com/forum/159721/why-css-button-is-not-clickable

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.