Oracle apex 字体及;区域显示选择器的高度大小

Oracle apex 字体及;区域显示选择器的高度大小,oracle-apex,Oracle Apex,我使用2个区域和1个区域显示选择器在区域之间创建一些选项卡功能。请参见以下示例:我使用以下命令删除了“全部显示”按钮 Mine看起来与上面的示例相同,但是它在区域显示选择器上没有圆角 我想知道如何将圆角应用于显示选择器,增加区域显示选择器的字体大小和高度 我在区域显示选择器的“区域属性”中尝试了style=“”,但没有成功。当使用Firebug在Firefox中调查我的页面时,显示选择器保存在UL列表中的DIV/中,但我不知道如何访问APEX builder中的那些 使用Chrome时,区域显示

我使用2个区域和1个区域显示选择器在区域之间创建一些选项卡功能。请参见以下示例:我使用以下命令删除了“全部显示”按钮

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

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

我在区域显示选择器的“区域属性”中尝试了style=“”,但没有成功。当使用Firebug在Firefox中调查我的页面时,显示选择器保存在UL列表中的DIV/中,但我不知道如何访问APEX builder中的那些

使用Chrome时,区域显示选择器具有圆角,但在Internet Explorer中不具有圆角

请帮我解决我的问题

  • Oracle版本:Oracle版本10.2.0.4.0
  • 完整APEX版本:Application Express 4.1.1.00.23
  • 使用的浏览器和版本:Internet Explorer 7和8
  • 主题:简单的红色
  • 模板:带有简单红色主题的标准模板
  • 区域/项目类型:3个HTML页面,每个页面包含文本框字段
多谢各位

请参见以下区域显示选择器示例:


来自简单红色主题的区域选择器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>
保险商实验室

A

跨度

因此,这表明背景图像用于UL。根据firebug,此图像的尺寸为1x18px。将鼠标悬停在项目上会设置不同的背景图像,当前区域选择也会设置不同的背景图像。
因此,如果您想要更大的选择,请使用更大的图像。增加div高度。为当前/非当前项目设置正确的样式。
要增加字体大小,请更改跨度的css。
使用
边界半径完成边界:8px 8px 8px 8px哪些在IE中不起作用

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

/* -------------------- Region Display Selector -------------------- */
你可以在那里找到你需要的一切。 不过别把那个文件弄乱了。如果你愿意,做一个备份。在你自己的css中工作干净并正确覆盖

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;
}
ul.apex-rds li {
    float: left;
    list-style: none outside none;
}
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;
}
ul.apex-rds li span {
    color: #000000;
    font-size: 11px;
}
/* -------------------- Region Display Selector -------------------- */