下面有一个带有垂直和水平滚动条的pre标签。如何使垂直滚动条变薄(如水平滚动条)并消除右下空白(使其像背景一样呈灰色)?
:root {
--code-color: darkred;
--code-bg-color: #f6f6f6;
--code-font-size: 14px;
--code-line-height: 1.4;
--scroll-bar-color: #c5c5c5;
--scroll-bar-bg-color: #f6f6f6;
}
pre {
color: var(--code-color);
font-size: var(--code-font-size);
line-height: var(--code-line-height);
background-color: var(--code-bg-color);
}
.code-block {
max-height: 100px;
overflow: auto;
padding: 8px 7px 5px 15px;
margin: 0px 0px 0px 0px;
border-radius: 7px;
}
* {
scrollbar-width: thin;
scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 12px;
}
*::-webkit-scrollbar-track {
background: var(--scroll-bar-bg-color);
}
*::-webkit-scrollbar-thumb {
background-color: var(--scroll-bar-color);
border-radius: 20px; …Run Code Online (Sandbox Code Playgroud)有一个简单的 ajax POST 请求,必须字符串化一个简单的类并将其传递到 POST 请求的正文中,但服务器端的Person参数具有空(默认)值
// javascript
var person = { "FirstName": "Andrew", "LastName": "Lock", "Age": "31" };
$.ajax({
type: "POST",
url: "/UpdatePostBody?handler=Abc",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify(person),
headers: {
RequestVerificationToken:
$('input:hidden[name="__RequestVerificationToken"]').val()
},
})
.done(function (result) {
console.log(result);
});
Run Code Online (Sandbox Code Playgroud)
// C# code
public IActionResult OnPostAbc(Person person)
{
return new JsonResult("my result");
}
Run Code Online (Sandbox Code Playgroud)
在服务器端,有一个简单的 ASP.NET Core Razor 页面,其中包含一个被命中并返回结果的方法,但person参数成员没有值。