html - block 文本旁边的图像

标签 html css drop-down-menu menu block

查看 http://marckmann.se/ 上的菜单链接“Produkter” 我想在某些元素的下拉菜单右侧添加一个箭头图像。但是由于文本被设计成 block ,所以它不允许我。 有什么办法可以解决这个问题吗?

谢谢 :)!

最佳答案

在您的 CSS 中,为 #dropdown div a 规则添加以下内容:

background: url('http://www.phillipsdepury.com/imgs/nav/arrow_small_left.gif') no-repeat right center;}
padding-right: 20px;

替换您自己的箭头图像。同时将 20px 替换为(图像宽度 + 5)px ...

关于html - block 文本旁边的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12460963/

相关文章:

javascript - 使用另一个元素更改的比率更改元素尺寸

java - 如何限制下拉列表中的值?

javascript - 包含 HTML 和 JavaScript 标记作为文本的 HTML 选择控件

javascript - 从下拉列表中选择一个未使用 Puppeteer Select 实现的选项

html - 从底部显示div

html - 如何在html表格上制作对 Angular 线标题

javascript - 如何格式化我的 jQuery

javascript - 动态创建样式元素并附加到它时在 IE8 中出现错误

css - 与 webkit 相比,Mozilla/Firefox CSS 问题

javascript - 即使 CSS 发生更改,Jquery 函数也会继续应用。我该如何阻止这个?