Как дополнить изображение и текст в asp: элемент управления меню

Question

У меня есть элемент управления asp: Menu, в котором есть четыре различных пункта меню. Каждый пункт меню имеет графическое и текстовое описание.

<Items>
    <asp:MenuItem Text="New Authorization Form" Value="default.aspx" NavigateUrl="~/Default.aspx" ImageUrl="~/Images/TextPad.png"></asp:MenuItem>
    <asp:MenuItem Text="Manage My Forms" Value="myrequests.aspx" NavigateUrl="~/MyRequests.aspx" ImageUrl="~/Images/Pencil.png"></asp:MenuItem>
</Items>

Моя проблема в том, что значок и текст не имеют отступов между ними, и это выглядит ужасно! Кто-нибудь знает, как можно заставить немного отступить между изображением и текстом пункта меню? Я просмотрел все атрибуты элемента управления asp: Menu, но мне не удалось найти его для этого, но я мог просто пропустить его.

Answer 1

Я придумал ответ, но это не то, на что я надеялся. Я добавил стиль для тегов img в свой css так:

img
{
    padding-right: 5px;
}

Я все еще немного расстроен тем, что в элементе управления asp: Menu нет атрибутов, позволяющих вам указать отступ между изображением и текстом пункта меню.

Answer 2

Элемент изображения в Меню управляется значком класса, изменение свойств этого класса должно решить проблему. Я установил отступ 5 вправо для пробела изображения и текста

Answer 3

вы можете попробовать создать скин, а затем добавить класс CSS и стилизовать его так, как вы хотите