<kbd>是标记要输入的文本的好方法。但是,当您在Stack Exchange网站上使用它时,确实很难阅读。例如,假设我以Shift + F开头键入该句子,然后使用o,然后使用r,然后使用空格,您会发现它很快变成了难以理解的乱七八糟的盒子和拼凑在一起的类型。

无论使用Ctrl进行视觉设计的人都应该修复该问题。

另外,我非常抱歉。请不要让以下愚蠢的答案阻止您修复样式。

评论

这就是为什么您要明智地使用它们(愚蠢的,但真棒!,下面的答案可以接受),并使用必要的空白区域使帖子看起来不错。我觉得很酷。

现在,他们所需要的只是一个onclick处理程序,使它们看起来像您在按它们一样。然后弹出一个警告框,并显示“在您的键盘上,白痴!”。

ok改进了,以后会部署

感谢您照顾像Jeff这样的小事情。波兰语确实确实使它成为一个了不起的网站。

@Macha jQuery('kbd')。click(function(){alert('在您的键盘上,白痴!');});

@Mache:看看我的答案:P

+1,但也适用于当前渲染!仍然太丑陋,在我看来几乎没有用。

我认为kbd图形很酷,为什么要摆脱它们呢?

为什么这在数学上不起作用?

保护此设置,以防止至少某些滥用者滥用标签。

@Ephraim它现在似乎可以正常工作,至少在预览版中有效

有了带Touch Bar的新MacBook Pro,刚来这里是要使用ESC

#1 楼

kbd {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#EEEEEE none repeat scroll 0 0;
    border-color:#CCCCCC #AAAAAA #888888 #BBBBBB;
    border-style:solid;
    border-width:1px 1px 2px 2px;
    color:#000000;
    padding:2px 1px;
    white-space:nowrap;
}


..将使<kbd>的损坏程度降低:



可悲的是,它破坏了Pesto的城堡。

评论


+1:似乎是问题所在的SO CSS中的默认填充。更改它可能会破坏此处的大多数答案:-)

–理查德
09年7月3日在10:23

使用Tampermonkey作为脚本可以覆盖默认的 ... 规范吗?如果是这样,您如何去做?

–维尔纳
14年7月14日在20:39

@Werner使用Chrome / Firefox的“时尚”插件非常容易。同样肯定可以使用Tampermonkey,您只需要通过Javascript注入CSS(搜索“ tampermonkey add css”就可以找到东西)。但是在这种情况下,为什么需要这样做?该网站已更新,使kdb元素更加美观

– dbr
14年7月15日在13:51

@dbr:不在TeX-我主要贡献的LaTeX上。

–维尔纳
14年7月15日在15:30

#2 楼







我们的公主是在另一个城堡!


/>

评论


您刚刚击败了互联网。

–埃里克
09年7月2日在21:03

我刚闪回了小学和充满NES的夜晚..太棒了!

–贾罗德·迪克森(Jarrod Dixon)♦
09年7月5日在7:02

在屏幕尺寸,分辨率,字体和操作系统的每种组合上,它看起来可能都不同。在我的空白空间太小。

–布拉德·吉尔伯特(Brad Gilbert)
09年7月5日在15:51

一天的工作很慢,不是吗?

– Perbert
09年7月28日在17:01

您是否为此使用了脚本?还是全部用手...

– Zifre
09年7月28日在18:42

一个真正的艺术家可以手工完成所有工作,尽管可能有些剪切和粘贴。

–热闹的喜剧香蒜酱
09年7月28日在18:50

尽管没有公主,这座城堡还是充满了胜利。

–matpie
09年8月5日在22:49

哦,不!现在城堡在另一座城堡中!

–随机
09年9月26日在5:49

现在回滚了元素!

–uɐɯsOuɐɥʇɐN
2010-11-22的1:45

@乔治,但看起来不一样吗?

– Arjan
2010-11-27 22:54

@Arjan:不是我的错:P

–uɐɯsOuɐɥʇɐN
2010-11-27 22:59

但是您确实打破了不错的结果,@ George!

– Arjan
2010-11-27 23:04

@Arjan:我只是将其还原为原来的样子!

–uɐɯsOuɐɥʇɐN
2010-11-27 23:06

不,一年前看起来还不错,@ George吗?

– Arjan
2010年11月28日在7:25

哦哦我认为城堡现在稍微偏斜了。意外的地质活动!

–nhinkle
2012年5月5日,1:16

#3 楼

 Esc      F1F2F3F4   F5F6F7F8   F9F10F11F12   PrtScScrLkBrk `  1  2  3  4  5  6  7  8  9  0  -  =   ←  Bksp      Ins HomePgUp  Tab  ↹    Q  W  E  R  T  Y  U  I  O  P  [  ]       Del  EndPgDn  Caps   A  S  D  F  G  H  J  K  L  ;  '   ↵  Enter      ⇧  Shift       Z  X  C  V  B  N  M  ,  .  /    ⇧  Shift                          ↑     Ctrl    ⊞    Alt                                                                Alt    ⊞    Ctrl      ←     ↓     →  
I'll put the NumPad below, 'cause it wouldn't fit if I place it beside the keyboard.

Num /  *  -  7  8  9  +   4  5  6  +   1  2  3 En       0       .  ter

This is the most fun I've had all day.



评论


+1完成了我想做的事情...但也+1了,因为尝试也是我所获得的最大乐趣...尽管...

–托马斯·欧文斯(Thomas Owens)
09年7月2日在19:46

尝试将其更改为Billy Mays按钮

–TheTXI
09年7月2日在19:53

嘿,空格键在哪里?

–fretje
09年7月2日在20:25

Whoneedsaspacebar?

–男士
09年7月2日在20:27

你让我开怀大笑。谢谢xD

–安德里亚·安布(Andrea Ambu)
09年7月2日在23:45

现在尝试使用双倍输入键的英国键盘:-)

–理查德
09年7月3日在10:21

键盘上的m,j,l和i字母(在jeff的链接中)是否有点发红或我发疯了?也许我是一个合奏者。

–卡森·迈尔斯(Carson Myers)
09年8月5日在22:37

@Carson要么您不是疯子,要么我也是。

–已删除
09年8月20日在23:27

我可以看到红色,可能是抗锯齿的结果,请考虑亚像素!

–利亚姆
2010-09-08 15:48

将键盘更新为新格式:D(带有空格键,@mmyers:P)

–́Riking
2013年3月11日23:26



我对键盘做了很多更改。我固定了间距,所以键盘看起来更矩形。我也将其更改为Windows键盘。我添加了功能键。我更换了箭头键。我在箭头键上方添加了9个键。我添加了数字键盘。最后,我添加了键盘背景和边框。

–劳埃德·多米尼克(Lloyd Dominic)
18年5月3日在7:52

#4 楼

这是一个非常古老的帖子,系统已更改,它包括键盘的原始代码,以及在其下方生成的图像,当前的原始代码不能用作优质的键盘。

尝试节奏香蒜酱的键盘。我的有方形按钮,并且物品之间有正确的间距。
1 2 3 4 5 5 6 7 7 8 9 0 0ö退格键q ENTER ENTER ENTER ENTER ENTER ENTER Cap Cap Cap Cap Cap Cap Cap Cap Cap Cap Cap Cap Cap Cap k + Shift + Shift + Z x C v v B Shift Shift键Ctrl键Alt键Alt键Alt键









评论


右Ctrl键对我来说非常突出(在IE7上)。是要和其他人同花顺吗?

–男士
09年7月2日在20:29

也在这里(FF3)

–fretje
09年7月2日在20:30

不能测试IE7:S他在这里稍微偏右,但只有1像素左右(FF 3.5)

–Ólafur Waage
09年7月2日在20:31

Shift键的右边缘大约与“ Ctrl”中的“ r”相同。

–男士
09年7月2日在20:33

我认为第四行更重要。

–Ólafur Waage
09年7月2日在20:33

好的,我在Linux上很好,所以字体差异可能是罪魁祸首。

–Ólafur Waage
09年7月2日在20:33

Chrome上有很大的不同。第三行大约长1像素(但这只是我正在看的'cos)。哦,别以为我对BTW没印象。

–ChrisF♦
09年7月2日在20:37

好的,我现在在IE中看到了这个问题。病态很快会提出一个补丁,并将其提交给杰夫,这样我的键盘总是看起来不错:D

–Ólafur Waage
09年7月2日在20:39

@Jeff是Windows机器上的更改之后的吗?由于在Linux上,此键盘每行之间大约有10像素的间距。还是这是预期的变化?

–Ólafur Waage
09年7月5日在12:04

Opera v9.64:向右伸出Ctrl键。

–P.Mort。 -忘记了粘土Shirky_q
09年8月5日在23:30

@Peter,它看起来不再像预期的那样。在评论中查看Jeffs图片。

–Ólafur Waage
09年8月6日在10:40

+1-感谢您为那些没看过旧版-vs-新版的人提供机会。这应该固定在答案的顶部! :)

–user66001
2013年9月10日在18:03

元素的设计可能已经更改了2次以上,但是我更喜欢当前的键盘。不错,只是更现代。

– EvgenKo423
19年7月28日在9:53

#5 楼

我试图做一个键盘,但失败了。 :(

尽管我会介绍这个:

任何

神秘的Any键。

#6 楼



所以我被告知。
告诉我。


评论


我以为我们不能因为我而拥有美好的事物。但是我想一直都是你。

–托马斯·欧文斯(Thomas Owens)
09年7月2日在19:25

T不应该是Shift + t吗?

– BalusC
2012年7月1日19:48

@Chichiray自由国家我想做什么

– Paul Fisher
2012年7月5日在21:48

在您的帖子中使用我的自由

– Badp
2012年10月25日在21:02



@badp:因为确实需要修复。

–user102937
2012年10月25日在21:06



Shift + t为T(与t ^ Ht ^ Httt ^ H ^ H ^ H Shift Shift Shift Shift Shift Alt y T相对)。

– wizzwizz4
17-10-28在18:57



#7 楼

ESC F1F2F3F4 F5F6F7F8 F9F10F11F12 PrSnScLkBrek
`1 2 3 4 5 6 7 8 9 0 - =退格宏HomePgUp标签q宽E [R吨ýüI O P [] \德尔结束PgDnCaps A S d F G H Jķ l;输入Shift键``z z x x c v v b n n m''。 / Shift的▲▲Ctrl Win Win Alt键盘布局是唯一的,所以我在这里找到了你们正在使用真正的小型键盘...(下图为后代,以防将来CSS发生更改)


评论


最好的一个。我很敬畏

–贾斯汀·摩根(Justin Morgan)
2012年11月20日4:15



我为您花了这么多时间来构建它而感到震惊! ;)

–影子向导正在接种疫苗
2012年11月20日在7:29

最后,使用合适的M + 104键盘布局...尽管我更喜欢Unicomp 103键,它具有原始间距。

–Tracker1
15年8月13日在1:21

布雷克对我来说听起来很有趣。我本来建议Brk,但现在听起来更像是树皮。

–byxor
17年5月1日在11:06

#8 楼

为可怜的破碎城堡{*}感到难过,感到必须修复它,以纪念meta的历史。

Jin!

*今天我意识到,非中断空格可以打破的东西,以及O形0


































我们的公主在另一个城堡里!

评论


我们的公主永远不会在那个城堡里。太白了...很白...

–科迪·格雷
2012年5月7日10:34



@责怪金,不是我。 ;-)

– Manishearth
2012年5月7日上午10:46

我向你的砌砖技术鞠躬。

–金
2012年5月8日下午5:07

@Jin:从技术上讲,它们是瓷砖,现在有人更改了设计;-)。无论如何,设计实际上要好得多-我只是为可怜的城堡感到遗憾:P

– Manishearth
2012年5月8日下午5:19

@animuson旗帜有独角兽!尝试使用内联代码块执行该操作!

– Manishearth
2012年5月9日7:55



#9 楼

我完全同意我完全同意我完全同意我完全同意我完全同意

我完全同意

你知道,我完全同意。
你看,我在我的帖子上永不打扰,这就是为什么我从不使用<kbd></kbd>

尽管我一直想做一个无法按下的按钮。

女士们,先生们,什么都不做!

现在您已经知道了,


我使用按钮all day long.


评论


哇,这比反引号还要糟糕...希望它不会很快成为新的格式化趋势!

–影子向导正在接种疫苗
2014年2月9日在21:48

大声笑,我将开始将我的所有答案放入上述的Button Nexus中,以引起更多关注。

– xdhmoore
15年12月19日在20:33

当您尝试做任何聪明的事情时,前两个看起来像一个Scratch程序!

–帽子
17年12月29日在7:47

#10 楼

您不需要键盘就可以建造城堡!内联代码块也可以正常工作!

它有一个标志!尝试用键盘做到这一点!

        
        

        

>               

                                            

                                       

                        

          q4 312079q     

              

                        

                                                      

                                                           

                                                      

                                                           

                                            

                                             <登记/>
                                  

                                  

                                  

                         q431207 9q     

                        

新的键盘样式很棒。独角兽很高兴。

评论


咳嗽

–Ullallulloo
2012年5月9日18:39



@Ullallulloo:是的,我知道,他完成了我的挑战。然后我扬言要退出ASCII艺术,我可能仍然会这样做。

– animuson♦
2012年5月9日19:05

@animuson我还在等。

– ItamarG3
18年5月24日在14:09

#11 楼

我想建议从现在开始,我们用















小威廉斯·达雷尔(William Darrell)“比利”·梅斯(1958年7月20日至2009年6月28日)是
美国电视直接响应广告销售员

用于推广OxiClean,Orange Glo,
和其他家庭清洁用品以及
保养产品。他独特的
胡须和大声的推销使他
在美国
得到公认的电视业务。


评论


第二。现在只有让PC制造商才能做到这一点。

–托马斯·欧文斯(Thomas Owens)
09年7月2日在19:37

愿他安息!!!

–比尔蜥蜴
09年7月2日在20:08

他和BRIAN BLESSED相似吗?

– TRiG
11年8月6日在1:29

有关!

– 3D1T0R
18年6月22日在3:12



#12 楼

阿特伍德(Atwood)从来没有告诉过我们这件事。这只会以灾难告终。

#13 楼

▲▲▼▼◄►►◄►BA

评论


实际合法使用的 +1(可能在gaming.SE上)。

– Slipp D. Thompson
16 Jun 30'在3:18



从哪里开始?

–byxor
17年5月1日在11:09

#14 楼

我无法抗拒:-)

哪个计算机装有此键盘?

⟵12 2 3 3 4 4 5 5 6 7 7 8 8 9 0 0 +--HOMEDEL f 1 1

CTRL Q W E E R I T O I P O @ @ *↑RESTOREÂf 3 3

RUNSHIFT A A D D G H H K =返回f f5

C = SHIFT Z X X C V V B N N M. SHIFTCRSRCRSR f 7

f SHI SHI SHI SHI SHI SHI SHI SHI

评论


我放弃。哪有

–卡森·迈尔斯(Carson Myers)
09年8月5日在22:44

zh.wikipedia.org/wiki/File:Commodore64.jpg

–约翰·富希(John Fouhy)
09年8月5日在23:00

如果仅从俯视图看,功能键可以消除这种情况。它也是C-64C。

– Tim Post
2010年7月1日23:22



@Tim:还有一个[restore]键;我从未在其他系统上看到过。

– Marcel Korpel
2010-12-31 21:44

准将64! :D-太糟糕了,我们不能包含按键侧面的符号。

– BrainSlugs83
17年5月17日在0:04



由Retrocomputing赞助的Commodore 64。无耻的广告

– wizzwizz4
17-10-28在19:02

@TimPost可能是VIC-20,我认为键盘没有什么不同。还...功能键给它吗?当然,它们非常独特...但是C =键呢? :D

–阿玛丹
18-10-29在10:41



#15 楼

我曾经在答案中看到过这个
,从那以后就对其工作原理感到困惑
。但是我
猜猜我现在知道了。对此我感到非常抱歉。

它看起来像一个标签制造商

评论


现在看起来像iPhone上的消息...

–科迪·格雷
2012年5月9日8:09

#16 楼

我什至不知道你甚至可以做到这一点,但是现在我知道了,我想在任何地方都可以做到!

Ins HomePgUp

Del End PgDn

↑↑

←↓↓→

评论


如果那只是我键盘上的实际键...

–埃里克
09年7月2日在19:20

+1完全呼应了我的想法!

–基普
09年7月2日在20:01

#17 楼

我迟到了吗?

esc F1 F1 F1 F2 F3 F4 F5 F6 F7 F8 F9 F10 br
〜`!1 @ 2#3 $ 4%5 ^ 6&7 * 8(9)0 _- + =删除键QWERTYUIOP {[}] |大写锁定ASDFGHJKL:; 'X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X

评论


只是一点;)

– J阿特金
16年1月16日在19:52



太酷了。

– BrainSlugs83
17年5月17日在0:07

0键,嗯,搞砸了...

– Mindstormsboi
20年6月17日在16:21

@mindstormsboi已修复

–́ΛRYΛN
20 Dec 10'在18:17

#18 楼

          I 

       am ok

     w  i t  h 

  t   h   i   s  



#19 楼

消除这种情况是对全世界Emacs用户的冒犯。然后,他们将使用以下命令删除SO:

Ctrl + End + Del + S + O + F8

评论


假!如果没有Meta,Super和/或Hyper,则无法通过emacs进行绑定。

–德罗伯特
09年9月6日在9:52

@ Dimension1n0为您提供权,可以尝试删除Stack Exchange旗舰站点! > :-(

– wizzwizz4
17-10-28在19:04

#20 楼

如果您使用的是较旧的Mac键盘(当然只是为了好玩):


escF1F2F3F4F5F6F7F8F9F10F11F12F13 F14 F15 F16 F16 1 1 2 4 8 0 7 8 7 E R T Y U I O P P end pg dn dn dn A A D D D F G G H H X J J C C N /变速▲CTRL⌥⌘⌘⌥ctrl◄▼▶
- +x⏏︎c= / * 7 89 - 4 56+ 1 23 0。 ⏎