在剑道弹出模式上需要透明边框

Question

我正在尝试在kendogrid弹出窗口周围实现透明边框。我已经设法通过在div中包含网格并将以下样式应用于div来应用kendogrid。

border: 20px solid rgb(100, 100, 100); /* default color */
border: 20px solid rgba(0, 0, 0, 0.3); /* rgba for transparency */

我不确定如何用一个div包含弹出窗口并相应地应用该样式。请有人帮帮我

HTML

@(Html.Kendo().Grid<CC.GRP.MCRequest.ViewModels.TeamViewModel>()
    .Name("GridTeam")
    //.HtmlAttributes(new { style = "height: 700px"})
    .Columns(columns =>
    {
        columns.Bound(o => o.TeamID).Hidden();
        columns.Bound(o => o.TeamName);
        columns.Bound(o => o.TeamDescription);
        columns.Bound(o => o.CountryCode);

    })
    .ToolBar(toolbar => toolbar.Create().Text("Add Team"))
     .Editable(editable => editable.Mode(GridEditMode.PopUp)
     .TemplateName("TeamEdit")
        .Window(w => w.Width(500))
     )
    .Pageable(pager => pager.PageSizes(new string[] { "15", "30", "45", "60" }))
    .ClientDetailTemplateId("userProfileTemplate")
    .Sortable()
    .Filterable()
    .Scrollable()
    .Groupable()
    .Events(e => e.DataBound("onRowBound")
    .DetailExpand("expandRow"))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model => model.Id(t => t.TeamID))
        .Create(create => create.Action("Team_Create", "Admin"))
        .Read(read => read.Action("Team_Read", "Admin"))
        .Update(update => update.Action("Team_Update", "Admin"))
        .Destroy(update => update.Action("Team_Delete", "Admin"))
    )
    .Events(events => events.Edit("insertPopupCaption"))
    )

UI

呈现HTML