为什么Sphinx没有翻译:kbd:角色到HTML&#39; <kbd>标签?

时间:2016-11-18 22:20:04

标签: html css python-sphinx restructuredtext read-the-docs

我想将键盘键和输入标记为键&#34;图标&#34;。 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

1 个答案:

答案 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" /> </> ); } 标签。