1

我使用 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/

我的看起来和上面的例子一样，但是它在区域显示选择器上没有圆角。

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

我在区域显示选择器的“区域属性”中尝试了 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 & 8
  • 主题：简单的红色
  • 模板：带有简单红色主题的标准模板。
  • 区域/项目类型：3 个 HTML 页面，每个页面包含文本框字段。

谢谢你。

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

在此处输入图像描述

4

1 回答 1

0

来自简单红色主题的区域选择器 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;
}

李

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;
}

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

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

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

你可以在那里找到你需要的一切。不过不要弄乱那个文件。如果愿意，请进行备份。在您自己的 css 中干净地工作并正确覆盖！

于 2012-10-09T14:23:12.677 回答