找回密码
 立即注册

QQ登录

只需一步,快速开始

chin
注册会员   /  发表于:2018-8-6 14:50  /   查看:3592  /  回复:3
开发平台:asp.net core2
鼠标按下combobox的按钮或入力框的时候,combobox的整个边框想显示阴影部分。
我在代码里加了如下的css后,为什么只有入力框和按钮中间的那条竖线部分显示设定的阴影?
(上传的图片是执行结果)
〈style〉
.wj-form-control:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
〈/style〉

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

3 个回复

倒序浏览
JeffryLI
葡萄城公司职员   /  发表于:2018-8-7 08:59:50
沙发
您好,这个最好不要去修改这些样式,因为在控件内部有的属性或者方法绑定的是class,而且看你的运行结果,应该只设置了部分样式。
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
chin
注册会员   /  发表于:2018-8-7 10:18:11
板凳
谢谢你的回答,因为客户想要跟bootstrap的combobox设置一样,光标点击的时候边框有阴影部分出现
以下是我想的另一个实现方法:
@(Html.C1().ComboBox().Bind(Model).SelectedIndex(0).IsEditable(true).Id("cmb").OnClientGotFocus("gotFocus").OnClientLostFocus("lostFocus"))
<script>
function gotFocus() {
   var id = document.getElementById("cmb");
  id.style.boxShadow = "0 0 0 0rem";
  }
function lostFocus() {
   var id1 = document.getElementById("cmb");
   id1.style.boxShadow = ""0 0 0 0.2rem rgba(0, 123, 255, 0.25)"";
  }
</script>
以上的写法能实现边框的阴影设置,想把写成共通的,方便调用,可是不知道要怎么传id这个参数。

以下是我试着在事件里传参数,可是变成当程序启动的时候就触发了这两个事件,光标点击的时候反而不触发这两个事件,是不是componentone控键的事件不能传参数?如果我想传参数有什么解决办法吗?
@(Html.C1().ComboBox().Bind(Model).SelectedIndex(0).IsEditable(true).Id("cmb").OnClientGotFocus("gotFocus('cmb')").OnClientLostFocus("lostFocus('cmb')"))

还有一个问题,document.activeElement.id是不是不适用于componentone的控键?

一下子问了这么多问题,实在不好意思,给你添麻烦了

评分

参与人数 1金币 +100 收起 理由
JeffryLI + 100 很给力!

查看全部评分

回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2018-8-7 17:42:25
地板
您好,这个没有这个函数接口,而且mvc的控件都是基于wijmo做的,您说的这个activeElement,不是框架内的函数,希望能帮到您
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部