字体＆amp;区域显示选择器的高度大小

Question

我正在使用2个区域和1个区域显示选择器来在区域之间创建一些标签功能。请参阅以下示例：http://apex.oracle.com/pls/apex/f?p=19914:30我使用以下内容删除了“全部显示”按钮http://apexplained.wordpress.com/2012/07/16/hide-the-show-all-tab-in-a-region-selector/

Mine看起来与上面的示例相同，但它没有区域显示选择器上的圆角。

我想知道如何将圆角应用于显示选择器，增加区域显示选择器的字体大小和高度？

我在Region显示选择器的'Region Attributes'中尝试过style =“”但没有运气。使用Firebug在Firefox中调查我的页面时，显示选择器保存在DIV / UL列表中，但我不知道如何访问APEX构建器中的那些。

使用Chrome时，区域显示选择器有圆角，但在Internet Explorer中则没有。

请问我可以帮助解决问题。

• Oracle版：Oracle版本10.2.0.4.0
• 完整的APEX版本：Application Express 4.1.1.00.23
• 使用的浏览器和版本：Internet Explorer 7＆amp; 8
• 主题：简单红色
• 模板：具有简单红色主题的标准模板。
• 地区/项目类型：3个HTML页面，每个页面都包含文本框字段。

谢谢。

请参阅下面的区域显示选择器示例：

Answer 1

简单红色主题

中的区域选择器html示例

<div class="apex-rds-container">
   <ul class="apex-rds" id="485041125812774413_RDS">
      <li class="apex-rds-first">
         <a href="#SHOW_ALL"><span>Show All</span></a>
      </li>
      <li class="apex-rds-selected">
         <a href="#R166676032406817143"><span>datepicker</span></a>
      </li>
      <li class="apex-rds-last">
         <a href="#R485010513691770957"><span>region 2</span></a>
      </li>
   </ul>
</div>

检查
的样式选项卡 DIV

.apex-rds-container {
    height: 40px;
    margin: 0 0 9px;
}

UL

ul.apex-rds {
    background: url("../images/bg-anchor-nc.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #999999;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 2px 2px #AAAAAA;
    float: left;
    list-style-type: none;
    margin: 0;
}

LI

ul.apex-rds li {
    float: left;
    list-style: none outside none;
}

A

ul.apex-rds li.apex-rds-first a {
    border-left: 0 solid #000000;
}

ul.apex-rds li a {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #999999;
    display: block;
    height: 16px;
    padding: 1px 10px 0;
    text-decoration: none;
}

a {
    color: #660000;
}

SPAN

ul.apex-rds li span {
    color: #000000;
    font-size: 11px;
}

因此，这表明背景图像用于UL。根据萤火虫，此图像的尺寸为1x18px。将鼠标悬停在某个项目上将设置不同的背景图像，当前区域选择也是如此 因此，如果您想要更大的选择，请使用更大的图像。增加div高度。为当前/非当前项目设置正确的样式 要增加字体大小，请更改SPAN的CSS 边框使用border-radius: 8px 8px 8px 8px;完成，但在IE中不起作用。

所有css都可以在apex_images文件夹中的主题css文件中找到：/i/themes/theme1/css/theme_4_0.css 转到第1316行，

/* -------------------- Region Display Selector -------------------- */

您可以在那里找到所需的一切。 不要乱用那个文件。如果愿意，请进行备份。在你自己的CSS中正常工作！