translate多国语言翻译开源接口样式代码分享

https://github.com/xnx3/translate自定义PC端样式和自定义手机端样式分享：


样式一

1. #translate {display: inline-block;background: #333!important;padding: 8px;position: fixed;left: 0;border-radius: 0 25px 25px 0; bottom: 100px;}.translateSelectLanguage {border-radius: 0 25px 25px 0;background: #333!important;color: #fff;border: none;font-weight: 600;text-align: center;}

复制代码

样式二

1. #translate {display: inline-block;background: #333!important;padding: 8px;position: fixed;left: 0;border-radius: 0 25px 25px 0;bottom: 100px;}.translateSelectLanguage {background: #333!important;color: #fff;border: none;font-weight: 600; text-align: center;}

复制代码

样式三

1. #translate{display:inline-block}.translateSelectLanguage{background: #f2f2f2; -webkit-appearance: auto;box-shadow: none;border-radius: 0;border: none;text-align: center;}

复制代码

谢谢你分享这些样式代码！以下是我根据你提供的代码进行翻译：

PC端样式一：

1. #translate {
2.     display: inline-block;
3.     background: #333!important;
4.     padding: 8px;
5.     position: fixed;
6.     left: 0;
7.     border-radius: 0 25px 25px 0;
8.     bottom: 100px;
9. }
10. .translateSelectLanguage {
11.     border-radius: 0 25px 25px 0;
12.     background: #333!important;
13.     color: #fff;
14.     border: none;
15.     font-weight: 600;
16.     text-align: center;
17. }

复制代码

手机端样式一：

1. #translate {
2.     display: inline-block;
3.     background: #333!important;
4.     padding: 8px;
5.     position: fixed;
6.     left: 0;
7.     border-radius: 0 25px 25px 0;
8.     bottom: 100px;
9. }
10. .translateSelectLanguage {
11.     background: #333!important;
12.     color: #fff;
13.     border: none;
14.     font-weight: 600;
15.     text-align: center;
16. }

复制代码

样式三：

1. #translate {
2.     display: inline-block;
3. }
4. .translateSelectLanguage {
5.     background: #f2f2f2;
6.     -webkit-appearance: auto;
7.     box-shadow: none;
8.     border-radius: 0;
9.     border: none;
10.     text-align: center;
11. }

复制代码

希望能对你有所帮助！如果还有其他问题，请随时告诉我。

55566

jhjnn

2