Как заставить стандартный курсор в виде руки появиться над Аккордеоном?

Question

Какое свойство мне нужно установить здесь?

 <cc1:Accordion ID="Accordion1" runat="server" FadeTransitions="true" AutoSize="Fill"
                SelectedIndex="0" RequireOpenedPane="false" DataSourceID="objQues" TransitionDuration="250">
                <HeaderTemplate>

.
.
.

Я пытался это .. не работает: -

<script type="text/javascript">
   function fnover(id)
    {
        document.getElementById("Accordion1").style.cursor = "pointer";
   }
</script>

Answer 1

Существует свойство HeaderCssClass, в котором можно указать селектор CSS, который устанавливает курсор на указатель:

<cc1:Accordion ID="Accordion1" runat="server" HeaderCssClass="accordionHeader"...

, а затем в таблице стилей определите его следующим образом:

.accordionHeader {
    cursor: pointer;
}

Вот как вы можете добавить разрыв. Просто используйте тот же класс accordionHeader:

.accordionHeader {
    cursor: pointer;
    margin-top: 10px;
}