After utilizing twitter bootstrap to construct a small blog site and integrating a third-party file upload application into the project, I encountered an issue. The CSS files in the file uploader style the "upload button," but when my cursor hovers over it, instead of displaying a hand cursor, it appears as an I beam. Additionally, the hand cursor is visible on the entire row of the upload button except for directly over the button itself.
This problem only occurs with the third-party app integrated – no such issue exists with the regular twitter bootstrap buttons. Attempts to modify the cursor parameters have been unsuccessful so far. Below, you can find some relevant code snippets:
In the HTML:
<div id="file-uploader"></div>
CSS code snippet:
.qq-uploader {
position:relative;
width: 100%;
cursor: pointer;
}
.qq-upload-button {
// styles here
}
// more CSS styles...
The necessary JavaScript can be found at this link (https://github.com/GoodCloud/django-ajax-uploader/blob/master/ajaxuploader/static/ajaxuploader/js/fileuploader.js) - perhaps this could provide insight into resolving the issue.
Any tips or guidance on how to solve this problem would be greatly appreciated. Thank you!