Help pls. When I press the Button on mobile devices, a blue rectangle appears on it. How can I remove this?
Link button
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
It works well.
Related
enter image description here
I tried to remove that black border that appear when I clicked the toggle button, but I cant find the solution, Im using bootstrap5, please give me a solution
Just use "shadow-none" class on button and it will remove it.
i want to hide keyboard on tap event other than keyboard i.e. if i click outside keyboard or on button it should hide. I am using phonegap / cordova with jquery mobile.
please help.
I got solution for this.
I had issue with closing keyboard.
I added code as $("#id_of_textbox").blur();
in tap event on all buttons wherever possible on that screen.
I am using Swipebox through the responsive lightbox plug-in and the bar with close button at the bottom gets covered by the iPhone bottom nav so you can't close the enlargements. I tried adding padding in css, but it doesn't seem to work. I love the way that swipebox works and looks, but it may not be an option for me if you can't close the enlargements on the iPhone.
When you touch the bottom area on iPhone it evokes this bottom iPhone nag which covers the swipebox close button. I would think the solution would be to either swap the top caption bar of the swipe box with the bottom bar that closes it, or to move the bottom bar up so it would not be covered. If I switch from landscape to portrait a couple of times it does move upon it's own. I have no idea why.
When I test the jQuery plugin at the swipebox site it does the same thing. So I am asking if anyone has modified this successfully.
Now I have at least a quick and dirty approach that is ok for the moment.
I set in the css at #swipebox-overlay height: 101%; overflow:scroll;
and in the js at
$('body').bind('touchstart', function(e){
window.scrollTo(0,1); ....
thats far from being perfect but works for me at the moment for an urgent project...
I had a similar issue on android. To puch the bar up to display above the buttons, just edit swipebox.css to the following:
#swipebox-action.visible-bars {
//bottom: 0px;
bottom: 50px;
}
#swipebox-action.force-visible-bars {
//bottom: 0px!important;
bottom: 50px!important;
}
That did the trick for me.
My custom facebook like button works perfetly, but some weeks ago it broke.
It has transparent png background, but now the transparency isn't working.
See here(footer):frissbuzafu.hu
Please help me to find, what is the problem?
Thanks
It looks like your button is two big for the image because when you scroll over the white part your still able to click button where asit should be only over the image part.
Is it possible to avoid the black overlay when clicking links on Safari on iPhone?
there is something like this for the web version of Safari
:focus {
outline: 0;
}
so can I avoid to see a black box when i click anything on a web page on for safari on iPhone?
a { -webkit-tap-highlight-color: transparent; }