我想将键盘键和输入标记为键"图标"。 Sphinx提供:kbd:
角色来标记单个字符或单词,但生成的HTML包含<code class="kbd ......">
个标记。
那为什么Sphinx没有翻译:kbd:角色到HTML的标签?
(我使用了read-the-docs主题。)
我发现一些CSS可以将<kbd>
- 标签转换为漂亮的键。
kbd
{
-moz-border-radius:3px;
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
-webkit-border-radius:3px;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
background-color:#f7f7f7;
border:1px solid #ccc;
border-radius:3px;
box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
color:#333;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:1.4;
margin:0 .1em;
padding:.1em .6em;
text-shadow:0 1px 0 #fff;
}
来源:http://meta.superuser.com/questions/4788/css-for-the-new-kbd-style
答案 0 :(得分:1)
relevant issue现在已关闭,Sphinx确实使用了export default function App() {
const [isVisible, setIsVisible] = useState(false);
const inputRef = useRef();
const focusInput = () => {
setIsVisible(true);
};
React.useEffect(() => {
if (isVisible) {
inputRef.current.focus();
}
}, [isVisible]);
return (
<>
<Button onClick={focusInput} />
<RadioButtons
isVisible={isVisible}
ref={inputRef}
legend="Radio Legend"
/>
</>
);
}
标签。