菜单圆角样式设置

登录

前面的是按钮，后面的是菜单。我想把菜单样式设置成按钮一样，就是不知道菜单的这个圆角要怎么设置。

Shawn.Liu · Shawn.Liu

感谢格友大佬的支持，菜单圆角，可以考虑写CSS设置菜单外层的div元素的边框圆角，类似下面帖子中的css样式

.menuContainer {
border-radius: 10px 10px 10px 10px;
}

能把弹出菜单，调成圆角，右边显示吗？
https://gcdn.grapecity.com.cn/showtopic-150941-1-1.html
(出处: 葡萄城开发者社区)

wwbb · wwbb

本帖最后由 wwbb 于 2025-1-8 09:27 编辑

在单元格样式中调整

效果（背景颜色是用于看圆角的）：

左一 · 左一

wwbb 发表于 2025-1-8 09:23
在单元格样式中调整

我设置了并没有用，我最初的想法用按钮命令弹出窗口选项，但又想要鼠标悬停效果，所以想到了用水平菜单。但样式还想设置成按钮的样式（30*90），而不是铺开的这种。

胡 · 胡

https://www.grapecity.com.cn/solutions/huozige/help/apis/javascript/classes/Forguncy.Forguncy.CellEvents#mouseenter

复制代码

// 下面的示例代码中，通过bind方法，给图片添加MouseEnter事件，当鼠标进入图片单元格时，就会弹出一个警告框。
// 定义事件处理函数
var enter = function(arg) {
alert("活字格");
}
// 获取当前页面
var page = Forguncy.Page;
// 获取当前页面上名称为picture的单元格
var cell = page.getCell("picture");
// 绑定单元格的事件
cell.bind("mouseEnter", enter);

复制代码

左一 · 左一

本帖最后由左一于 2025-1-9 16:40 编辑

胡发表于 2025-1-8 10:29

怎么改成当鼠标移入的时候点击这个按钮呢？

document.getElementById('r2c21p').addEventListener('mouseover', function() {this.click(); })

复制代码

这个不好用，弹出菜单会跑到左上角去，正常应该是在更多下面。

Shawn.Liu · Shawn.Liu

大佬还有遗留问题需要处理是吗，还是水平菜单的方式可以满足需求。

		自动登录	找回密码
密码			立即注册

[已处理] 菜单圆角样式设置

最佳答案

6 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

活字格高级认证

悬赏达人

时代开发者征文活动