css - 我有一个 Accordion 短代码，但无法使其成为 RTL

Question

在我使用的主题中，有一个制作 googd Accordion 的简码。我正在制作网站 RTL。 Accordian 的标题和内容已经RTL。但是加号(正方形)并没有按照CSS规则添加。我想知道是否有人可以帮助我制作加号 RTL。

页面网址:http://sciself.com/?page_id=4766

HTML代码如下，

<div id="text-13" class="widget widget_text">
    <div class="textwidget">
        <div class="accordian">
            <h5 class="toggle">
                <a href="#">
                    <span class="arrow">
                    </span>
                    title
                </a>
            </h5>
            <div class="toggle-content " style="display: none;">
                text
            </div>
            <h5 class="toggle">
                <a href="#">
                    <span class="arrow">
                    </span>
                    title
                 </a>
             </h5>
             <div class="toggle-content " style="display: none;">
                 text
             </div>
             <h5 class="toggle">
                 <a href="#">
                     <span class="arrow">
                     </span>
                     title
                 </a>
             </h5>
             <div class="toggle-content " style="display: none;">
                 text
             </div>
         </div>
     </div>
 </div>

添加的 CSS 规则是，

#text-13 .textwidget .accordian .toggle-content {
    font-family: bkoodak !important;
    direction: rtl !important;
    text-align: justify !important;
}
#text-13 .textwidget .accordian h5.toggle a {
    font-family: bkoodak !important;
    direction: rtl !important;
    float: right !important;
}

Answer 1

在 .arrow 类的 style.css 行“2073”中添加如下属性:

 h5.toggle span.arrow {
        float:right;
        direction:rtl;
        margin-right:0;
        margin-left:17px;
        }

你的表单也需要是 rtl，在 .gform_fields 类中添加这个属性:

.gform_fields{
direction:rtl;
text-align:right;
}

简单的 :)