如何删除所有父容器对任何子控件的影响

Question

问：

我有以下问题，我在表td 中使用RadDatePicker，并且我有多个容器（div）。问题是(next and previous navigation text is reversed)。 我的意思是>> 而不是<< 和> 而不是<，反之亦然。我试图设置与此问题相关的属性，但徒劳无功。某些父容器效果会逆转任何事情。

当我从任何容器中取出控制时，一切都会好起来的。我想要的是删除容器的 CSS 对我的日期选择器的任何影响。因为我不知道究竟是哪个属性产生了这种奇怪的效果。

我的源代码：

<div class="toggle_container">
        <div class="block">
            <h4 align="right" dir="rtl">
               :</h4>
            <hr style="width: 745px;" align="right" />
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <div id="masterDiv" align="center" style="width: 800px">
                        <div id="masterControls" style="text-align: center; width: 780px;">
                            <table align="center" cellpadding="3" cellspacing="1" width="98%" dir="rtl">
                                <tr bgcolor="#f1ece2">
                                    <th colspan="3" align="right" valign="middle">

                                    </th>
                                </tr>
                                 <%--  more markup --%>
                                <tr bgcolor="#f1ece2">
                                    <td align="right" class="title" colspan="2" style="text-align: center" width="40%">
                                        الفترة (من):
                                    </td>
                                    <td align="right">

                                            <telerik:RadDatePicker ID="rad_dateFrom" runat="server" Culture="Arabic (Egypt)"
                                                Skin="Web20">
                                            </telerik:RadDatePicker>

                                    </td>
                                </tr>
                                <tr bgcolor="#f1ece2">
                                    <td align="right" class="title" colspan="2" style="text-align: center" width="40%">
                                        الفترة (الى):
                                    </td>
                                    <td align="right">
                                        <telerik:RadDatePicker ID="rad_dateTo" runat="server" Culture="Arabic (Egypt)" Skin="Web20">
                                            <Calendar Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
                                                ViewSelectorText="x">
                                            </Calendar>
                                            <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                        </telerik:RadDatePicker>
                                    </td>
                                </tr>
                                 <%-- more markup  --%>
                            </table>
                        </div>
                    </div>
                        </ContentTemplate>
                <Triggers>
                </Triggers>
            </asp:UpdatePanel>

        </div>
    </div>

来自 Firebug：

<a id="ctl00_ContentPlaceHolder1_rad_dateFrom_calendar_FNN" class="rcFastNext" href="#" title=">>">&gt;&gt;</a>

这是fast next navigation，向我展示的是<<如何将其转换为>>。

提前致谢。

Answer 1

非常感谢。答案很简单。只是桌子方向是rtl。这就是问题所在。

Answer 2

检查有问题的元素，看看哪些样式被覆盖了。没有活生生的例子很难说更多。只是为了您的代码的外观 writing-mode 浮现在脑海中。