combobox边框的阴影设定

登录

开发平台：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〉

JeffryLI · JeffryLI

您好，这个最好不要去修改这些样式，因为在控件内部有的属性或者方法绑定的是class，而且看你的运行结果，应该只设置了部分样式。

chin · chin

谢谢你的回答，因为客户想要跟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的控键？

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

JeffryLI · JeffryLI

您好，这个没有这个函数接口，而且mvc的控件都是基于wijmo做的，您说的这个activeElement，不是框架内的函数，希望能帮到您

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

[已处理] combobox边框的阴影设定

本帖子中包含更多资源

3 个回复

评分

元老葡萄