css,twitter-bootstrap,google-chrome,firefox , How do I make a dropdown in Firefox look the same as Chrome/IE?
How do I make a dropdown in Firefox look the same as Chrome/IE?
So, I'm building a website with a dropdown menu. In
Chrome it looks nice, but on
Firefox it takes no padding and I would like to find a way to make them look the same on the both browsers.
I'm aware that this is a known issue, but I didn't find a decent fix for my problem.
Here's a drawing from the dropdown
Code on debug
<div class="collapse navbar-collapse" id="MainMenu_nav">
<ul class="navbar-nav nav h>
<li aria-haspopup="true" class="HasItems hover focus">
<div class="Wrapper" tabindex="-1">
What's the trick to apply here?
Funny thing, I guessed this problem might not had anythingto do with the dropdown, but to the fact that firefox somehow ignored the padding. Seems like I was wrong, since according to this answer, this is a bug of Chrome and not Firefox
I've fixed the problem with simply displaying the
li as block
This question already has an answer here: CSS triangle custom border color 2 answers How can i create a div with the form of a pencil, just like this: It seems a basic thing but im trying to do it since some time ago and still couldnt do it....
I am trying to make a small site I use embed code to display soundcloud music in webpage. however, I want to remove the orange button play and the player down my iframe . I am researching I found that I could do it with css, just hidden buttons ....
I am terrible at CSS so I am having trouble centering my <li> (navbar pills) vertically for my navbar. This navbar is from twitter bootstrap Here is the HTML for my navbar: <div class="container"> <nav class="navbar navbar-default navbar-fixed-top"> <ul id="nav_pills" class="nav nav-pills" role="tablist"> <li role="presentation"> <a href="/">About</a> </li> <li role="presentation">...
I am new to bootstrap. I tried aligning three sections end to end (horizontal manner) with equal space. (1st column should be aligned to extreme left of the container and last should be aligned to extreme right.) There is extra space at the third column. I have added bootstrap css...
I have 6 floated DIVs in two rows. I use PocketGrid as CSS framework (in particular its "automatic rows" feature) and I would like to size each one using CSS indexes and not specific class name. I tried it in this jsFiddle but even if first 3 blocks (first row)...